Question

I create a iframe in a div by jQuery.Then I load another page(lets say page A.jsp) into that iframe. The page ‘A.jsp’ has some functionality and end of it, the parent iframe should be removed from the first page when a button in ‘A.jsp’ is pressed . Loading the page ‘A.jsp’ into the iframe is OK. but I can’t remove the parent iframe. How I tried was, select the parent tag iframe then, remove it. but it didn’t work. Here is how I tried.Here $(this) referes to a button in page A.jsp and &(‘div iframe’)referes to the parent iframe

$(this).closest($('div iframe')) .animate({
                                   opacity:0
                               },500,function(){$(this).remove()})

How can I remove the parent iframe ?

Answer 1

This should give you the info you need.

https://stackoverflow.com/a/4689154/897871

Note: the page that hosts the iframe and the page with the content will have to reside on the same host.