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

Schreibe einen Kommentar