Question

Is there a way to stop an embedded iframe from being clickable or make the entire iframe clickable? I want the iframe to pull the data, but I don’t want visitors to be able to click the iframe and be redirected from only one spot on the iframe.

Is that possible? Here’s an example of the iframe:

<iframe src="http://www.indiegogo.com/project/157203/widget?escape=false" width="224px" height="429px" frameborder="0" scrolling="no"></iframe>

http://jsfiddle.net/qX4fu/

Answer 1

As your iframe is obviously served by another domain, standard solutions cannot be used. You can’t read or modify the iframe nor its document.

But you can put an invisible div over it like this : http://jsfiddle.net/dystroy/Afg3K/

<div id=a></div>

#a{
    position:fixed;
    top:0;
    left:0;
    width:224px;
    height:429px;
}​

But most of the times, those things are forbidden by the iframe inclusion contract. Look at your agreement before you do it.