对不起大家,我是Ajax和Json的新手。在此先感谢您的帮助!
情况就是这样:我创建了一个网页,上面有几个链接。这些链接中的大多数指向维基百科上的页面或各种学术来源。当我的页面加载时,我需要启用所有链接。但是当我加载维基百科/学术页面时,我需要加载禁用的链接。关键是要向用户提供一个来源列表,以便他们填写调查问卷,但在填写问题时,我不希望他们被源页面上的其他内容分散注意力,或者能够导航超过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>