Скрыть форму с родительской страницы до тех пор, пока не будет загружен определенный идентификатор элемента iframe.

Question

Все, что мне нужно, это показать форму родительской страницы, только если идентификатор элемента ID загружается внутри iframe. parent/iframe находятся в одном домене. Как я могу достичь этого с помощью javascript?

<form id="Search" action="../search.php" target="my-iframe" method="post"> 
<input type="text" id="location" name="keywords[all_words]" /> 
<a href="#" onclick="document.getElementById('Search').submit()" >Search</a> 
</form> 

<iframe id="myiframe" src="../page.html" name="myiframe" width="100%" height="100%" scrolling="no" frameborder="0"></iframe> 

Answer 1

Вы можете использовать что-то вроде этого:

// wait for the page to finish loading 
window.onload = function(){ 

    // hide your form 
    document.getElementById('Search').style.display = 'none'; 

    // get the document of the iframe 
    var frameDocument = document.getElementById('myiframe').contentWindow.document; 
    // if this is true the element with id 'test' is in the frame 
    if(frameDocument.getElementById('test')){ 
     // show your form 
     document.getElementById('Search').style.display = 'block'; 
    } 
} 

Answer 2

Вы можете использовать JQuery, чтобы прикрепить load событие в IFRAME. Вот рабочий пример: http://jsfiddle.net/kPqbS/