views:

45

answers:

2

Hi,

have a look at this example link text It creates a dialog with a iframe init that loads an external page. The dialog is added to the DOM. Is it possible to delete it on dialog close event?

A: 

yes, if i understand you corectly you can remove() iframe from the DOM

put with code in the close event

$("#divContainerWithiFrame").remove("iframe");

http://api.jquery.com/remove/

Fincha
if I remove a html element, all childs will be removed too?
ArtWorkAD
@ArtWorkAD - Yes, though there's a *much* cheaper/cleaner way to remove the specific iframe of the dialog in question, see the `close` event in my answer :)
Nick Craver
+1  A: 

In the close event of the dialog you can .remove() it, for example:

$('<iframe src="' + this.href + '" />').dialog({
  //...current options...
  close: function() {
    $(this).dialog('destroy').remove();
  }
});

This removes the <iframe> and it's contents as well as destroying the actual dialog widget around it which is no longer useful.

Nick Craver