I'm working on a project, and I need to find a solution to hide a DIV element by clicking on a link. The problem is that the DIV element is located in one window (parent window), while the link is located in another window (an iframe).
Here is the html code for the two pages:
index.html (parent window)
<div id="element">element to be hidden</div>
<iframe src="iframe.html" width="320" height="40" frameborder="1" name="iframe"></iframe>
iframe.html (iframe window)
<a href="">click here to hide the parent window element!</a>
I searched Google for a few hours, but I couldn't solve the problem, even though my first guess is that this is a pretty simple thing to do.
Below you can find a small archive with the two pages listed above.
Thank you very much!