2012-03-24 5 views
2

Also habe ich eine Div mit einem iframe, dass ich mit JQuery klonen kann.Clone iframe und Inhalt Form Werte

Die iframe src ist eine HTML-Seite, die ein Formular enthält.

Wenn ich die Div und den Iframe darin klonen, wird der iframe src aktualisiert und verliert alle geänderten Werte.

Kann ich den Iframe und den aktuellen Status des Formulars klonen?

Im Wesentlichen möchte ich mit zwei divs, die den gleichen iframe und den gleichen Inhalt, mit der Form innerhalb der geklonten iframe, um alle Werte vor dem Klonen beibehalten zu halten.

Ist das möglich?

Ich benutze JQuery .clone (true)

Das iframe src ist auf der gleichen Domain

EDIT: Dies ist, wie mein Code aussieht:

$('.mybutton').click(function() { 

    $('#myapdiv').clone(true).appendTo('body'); 

Wenn ich Schaltfläche klicken mit der Klasse "MYBUTTON" klont es das apDiv "myapdiv" und hängt an Körper an.
"myapdiv" enthält einen iframe "iframe1".

Antwort

2

Sie können in der Tat den Inhalt eines iframe, wenn es auf der gleichen Domain ist:

$(iframe).contents().find('body').html(); 

.html() kann ähnlich verwendet werden, um .clone()

Mit Klon Sie dies tun können :

$('#iframe').clone().appendTo('#somedestinationelement'); 

Whith html können Sie dies tun:

$(iframe).contents().find('body').clone().html().appendTo('#somedestinationelmment'); 
+0

Danke, das ist ermutigend! Können Sie mir zeigen, wie Sie dies in .clone() integrieren? Ich denke, ich habe einen langsamen Tag, kann nichts herausfinden! – mattneedshelp

+0

@mettneedshelp - bitte schauen Sie sich meine überarbeitete Antwort an. – Coltech

+0

ok, also musste ich dies:.. $ ('Klon ') klicken (function() { \t \t $ (' # div ') Klon (true) .appendTo (' Körper'); es klont das div, das den iframe enthält, aber ich habe Probleme, meinen Kopf darum zu wickeln, wie man die .html() usw. auf den Klon anwendet. – mattneedshelp