JQuery Ajax加载非本地页面并禁用链接

时间:2011-09-28 05:18:45

标签: jquery ajax json

对不起大家,我是Ajax和Json的新手。在此先感谢您的帮助!

情况就是这样:我创建了一个网页,上面有几个链接。这些链接中的大多数指向维基百科上的页面或各种学术来源。当我的页面加载时,我需要启用所有链接。但是当我加载维基百科/学术页面时,我需要加载禁用的链接。关键是要向用户提供一个来源列表,以便他们填写调查问卷,但在填写问题时,我不希望他们被源页面上的其他内容分散注意力,或者能够导航超过1离开调查问卷。

1 个答案:

答案 0 :(得分:1)

好的,我做到了。您必须在iframe中打开页面,并使用透明背景的div覆盖iframe。通过这种方式,您可以看到iframe,但无法触摸它。

我从这里得到了方法:http://webdeveloper.com/forum/showthread.php?t=182260

这是我的证据:

http://jsfiddle.net/MarkKramer/jwQtd/

注意:请注意div如何不覆盖整个iframe,我将其设置得足够宽以覆盖iframe,但仍然显示滚动条以便您可以看到该网页你可以向上和向下滚动,但你不能点击它。

以下是来源:

<div 
    id="framecover" 
    style="
        position:absolute; 
        width:(same as iframe -30px for the scroll bar); 
        height:(same as iframe);
        top:(use to set over iframe)
        right:(use to set over iframe)
        z-index:(higher than iframe);
        background-color: transparent;" 
        <!--change the bg-color to see where the div is when youre positioning it-->
></div>

<iframe src="_whatever you want_" width="_y_" height="_x_">
    <!--Fallback for older browsers-->
    <p>Your browser does not support iframes.</p>
</iframe>