iframe网址更改时如何更改包装器

Question

I have a page with an iframe. My page has a banner/header that displays on the page. After the user clicks submit in the iframe form. I want the banner to go away.

http://todayshousingmarketvalues.com/

This is the page. If you put in an address and click submit you'll see what I need. Make up an address. You don't need to use your own. Nothing happens if you don't subscribe.

Answer 1

You can handle iframe's onload event. If both iframe and parent page are on the same domain - you can check iframe's contentWindow.location.href value and if it changes - that means user performed an action - hide the banner.

If domains are not the same - this approach won't work since access to that property will be denied. In that case you can set a flag on the parent, marking initial load of iframe. And change the flag on consecutive loads, eg call something like in iframe onload:

    var initialLoad = true;

    function checkURL() {
       if (initialLoad) {
           initialLoad = false;
        } else {
          document.getElementById("banner").style.display="none";
        }
     }

Demo: http://jsfiddle.net/MMa9w/ see the banner, then type anything and click the button