禁用表单按钮,直到用户点击iframe中的任意位置

时间:2013-12-04 08:29:20

标签: jquery button iframe

我正在为客户工作一个网站,他有一个表单按钮,点击该按钮会将用户带到提供免费赠品的页面。他希望在用户点击在iframe中投放的广告之前禁用该按钮。

这样的事情是否可能?

我已经设置了一个jsFiddle来展示我到目前为止所做的事情:http://jsfiddle.net/dL7JT/

这是我的jQuery:

$(document).ready(function() {
    $('#adslot > a').click(function() {
        $('#btnSubmit').removeAttr('disabled');
    });
});

和HTML:

<iframe id="adslot" style="border: 0; width: 180px; height: 150px;" src="http://coinurl.com/get.php?id=19647" height="240" width="320" scrolling="no"></iframe>
<form>
    <input id="btnSubmit" type="submit" disabled="disabled" value="Submit"/>
</form>

我猜这是iFrame绊倒了我。

非常感谢任何帮助!

1 个答案:

答案 0 :(得分:1)

对于security reasons,网页浏览器不允许您访问iframe的内容(仅当iframe位于same domain时,才有可能{ {1}}页面。。如果它位于同一个域中,则可以执行此操作。您可以在下面的链接配合中检查自己...:)

小提琴

http://jsfiddle.net/jaatA/