Hello,
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)
<html>
<head><title>index</title></head>
<body>
<div id="element">element to be hidden</div>
<iframe src="iframe.html" width="320" height="40" frameborder="1" name="iframe"></iframe>
</body>
</html>
iframe.html (iframe window)
<html>
<head><title>iframe</title></head>
<body>
<a href="">click here to hide the parent window element!</a>
</body>
</html>
If you could be as specific as possible with your solution, that would be great and much appreciated! I'm not skilled with JavaScript and CSS.
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. 
Anyhow, I noticed some were using a combination of JavaScript and CSS (display:none
for cases close to this one.
Below you can find a small archive with the two pages listed above.
Thank you very much!
The attachments of this post were removed during the platform migration in 2018