Inhalt von anderen Webseiten in div laden und Styling hinzufügen

Question

Ich versuche eine Website für den persönlichen Gebrauch zu erstellen, die bestimmte Präsidentschaftswahlen an einem Ort anzeigt. Ich dachte, ich wäre in der Lage, dies mit einem iframe zu tun und einfach zu den Teilen hinzuzufügen, die ich nicht will, aber es sieht so aus, als wäre es nicht möglich, die externen CSS-Stile in einem iframe zu überschreiben.

Hat jemand irgendwelche Vorschläge, wie ich das erreichen könnte? Ich habe in Nokogiri und AJAX gesucht, aber ich war noch nicht erfolgreich. Mit Nokogiri war ich in der Lage, die Informationen von der Seite zu ziehen, aber ich bin nicht sicher, wie ich es tatsächlich im HTML auf meiner anzeigen soll. Hier

Answer 1

es nicht getan werden kann, je @kabrice - in der Tat, iframe- ist ein HTML-Element und eine formalisierten Beschreibung definiert durch die W3C (w3.org/TR/html-markup/iframe.html). und in der W3C-Dokumentation können wir lesen, dass iframe ein verschachtelter Browserkontext (w3.org/TR/html51/browsers.html) ist, ein bisschen wie ein Browser. Und ich habe noch nie gesehen, dass Browser teilweise Webinhalte anzeigen, nicht weil sie das nicht wollen, sondern weil sie es nicht können. Ein Browsing-Kontext (Webbrowser, Iframe ...), der eine Art Standard ist, der vom W3C definiert wird, muss den gesamten Inhalt einer Webseite anzeigen

Answer 2

ist ein iframe-Tag:

<iframe src="jsfiddle.com" ></iframe> 

ich diese CSS-Regel auf sie verwendet:

iframe{ 
border: 0px; 
width: 100%; 
height: 100%; 

} 

Wenn der iframe Inhalt zu variieren scheint, können Sie die Höhe direkt mit jquery verwalten, einfach wie folgt:

$(document).ready(function() { 
iframe.height = iframe.contentWindow.document.body.scrollHeight+10; 
}); 

Und alles wird gut funktionieren!

Hinweis:

Sie die Breite anpassen und die Höhe (auch iframe.height) nach Ihrem Bedarf (nehmen Sie den Tag Elternteil des iframe zu berücksichtigen). Aber wenn Sie nur die Grenze verstecken möchten, würde die Grenzregel in der CSS ausreichen.

https://jsfiddle.net/edgarkamdem/6n2k4m3e/3/