Einfügen von Iframe In ein Div Mit Javascript - für Greasemonkey
Ich das einfügen muss ein iframe in ein div mit javascript. Ich brauche diese in javascript geschrieben, so kann ich mit dem code in ein greasemonkey-Skript (und greasemonkey erlaubt nur für javascript).
Dem greasemonkey-Skript einfügen AOL-Suche bar in verschiedenen websites. Ich habe die arbeiten HTML-code unten, so dass Sie es testen können um zu sehen, was das Endergebnis ist, wenn diese funktioniert.
Hier ist genau das, was ich tun müssen, ist in HTML geschrieben:
<div style="overflow: hidden; width: 564px; height: 43px; position: relative;">
<iframe src="http://aol.com" style="border: 0pt none ; left: -453px; top: -70px; position: absolute; width: 1440px; height: 775px;" scrolling="no"></iframe>
</div>
Muss ich machen, dass HTML-code funktioniert in greasemonkey, welches erfordert, dass es in javascript geschrieben. Hier ist, was ich habe, so weit (bei meiner letzten Frage unter dem "pseudo-code"):
var makeIframe = document.createElement("iframe");
makeIframe.setAttribute("src", "http://aol.com");
makeIframe.setAttribute("scrolling", "no");
makeIframe.setAttribute("border", "0pt");
makeIframe.setAttribute("border", "none");
makeIframe.setAttribute("left", "-453px");
makeIframe.setAttribute("top", "-70px");
makeIframe.setAttribute("position", "absolute");
makeIframe.setAttribute("width", "1440px");
makeIframe.setAttribute("height", "775px");
makeIframe.setAttribute("scrolling", "no");
var makediv = document.createElement("div");
makediv.setAttribute("height", "43px");
makediv.setAttribute("width", "564px");
makediv.setAttribute("position", "relative");
makediv.setAttribute("overflow", "hidden");
Ich weiß schon, wie fügen Sie entweder die iframe-ODER legen Sie die div in den Quellcode der Seiten, die ich brauche, stecken Sie es in, durch, dies zu tun:
var getRef = document.getElementById("div-id-to-insert-element-before");
var parentDiv = getRef.parentNode;
parentDiv.insertBefore(iframe OR div, getRef);
Was ich KANN NICHT herausfinden, wie zu tun, ist, wie Sie schreiben, den iframe IN das div und dann einfügen, div in den Quellcode. Das Letzte code-snippet funktioniert zum einfügen entweder das div oder iframe in den Quellcode, aber ich muss die iframe im div, und dann für das div eingefügt werden, in den source-code (mit diesem letzten code-snippet).
Irgendwelche Ideen?
InformationsquelleAutor Learning | 2012-05-15
Du musst angemeldet sein, um einen Kommentar abzugeben.
1 - Sie können element.appendChild
2 - Oder Anhängen iframe als html in div wie diese,
als insert makediv, wo Sie wollen,
UPDATE:
Können Sie keine set-Stil mit
setAttribute
Funktion,In anderen Worten, die div nicht enthalten, die iframe & ausblenden der überlauf, wie es sollte. Während der HTML-code funktioniert genau so, wie es sollte, dies zeigt die gesamte Seite mit iframe. Oben Links auf der iframed-Seite zeigt sich ausgerichtet mit der oberen linken Seite, wo das div-Element in die Seite eingefügt, was mir sagt, dass der iframe im div. Das div einfach nicht zu stoppen das iframe von der Anzeige in voller Größe, wie es funktioniert, wenn Sie die Last, die denselben code, geschrieben in plain HTML. Vielleicht ist es ein greasemonkey Fehler? Oder gibt es etwas falsch mit den JS-code?
Ich konnte nicht sehen, an das erste mal, aber Sie haben noch einen Fehler in Ihrem code, können Sie nicht einstellen, Stil-element mit
setAttribute
Funktion, siehe meine aktualisierte Antwort wieder.Das ist fantastisch ocanal, es funktioniert! Vielen Dank, nicht nur für die Zeit nehmen, zu Antworten, aber dann für immer wieder, nachdem ich einen Kommentar hinterlassen & überprüfen & umschreiben Ihre Antwort. Ich Schätze es wirklich!
froh zu helfen.
InformationsquelleAutor ocanal