JavaScript - block links on iframes

[nery89]

Ok, this post is not really a question, but I didn't find a way to reply on an existent post. Javascript is NOT needed, anyway it can be disabled by the user. So this is THE UNIVERSAL solution (to my question...!):

<div class="positioner"  style="width:402px;height:302px;border:none;margin:50px auto">
    <iframe src="thelinker.html" style="position:absolute;width:400px;height:300px;border:1px solid #222;overflow:hidden"></iframe>
    <div style="position:absolute;width:400px;height:300px;border:1px solid #fff;background:#fff;opacity:0.001"></div>
</div>
 
<div class="positioner" style="width:402px;height:302px">
    <iframe src="thelinker.html" style="position:absolute;width:400px;height:300px;border:1px solid #222;overflow:hidden"></iframe>
    <div style="position:absolute;width:400px;height:300px;border:1px solid #fff;background:#fff;opacity:0.001"></div>
</div>
 

To work, absolutely you have to decide the size of the iframe. In this case 400 x 300 (px) + 1px of border.

The "positioner" is needed to know the origin of iframe.

Opacity property is needed for IE. Else nothing will work.

I tested it on all major browser but I can't know about IE < 8.