是否可以通过简单的方式将光标设置为在整个html页面上“等待”?这个想法是向用户显示ajax调用完成时发生了什么事情。下面的代码显示了我尝试过的简化版本,还演示了遇到的问题:
考试:
<html>
<head>
<style type="text/css">
#id1 {
background-color: #06f;
cursor: pointer;
}
#id2 {
background-color: #f60;
}
</style>
</head>
<body>
<div id="id1">cursor: pointer</div>
<div id="id2">no cursor</div>
<a href="#" onclick="document.body.style.cursor = 'wait'; return false">Do something</a>
</body>
</html>
稍后编辑…
它在firefox和IE中与:
div#mask { display: none; cursor: wait; z-index: 9999;
position: absolute; top: 0; left: 0; height: 100%;
width: 100%; background-color: #fff; opacity: 0; filter: alpha(opacity = 0);}
<a href="#" onclick="document.getElementById('mask').style.display = 'block'; return false">
Do something</a>
此解决方案(或解决方案的功能)的问题在于,它会由于div重叠而阻止点击(感谢Kibbee)
稍后再编辑…
Dorward的一个更简单的解决方案:
.wait, .wait * { cursor: wait !important; }
然后
<a href="#" onclick="document.body.className = 'wait'; return false">Do something</a>
该解决方案仅显示等待光标,但允许单击。
我了解您可能对此没有控制权,但是您可能会选择一个“遮罩”的div,该div的z索引大于1来覆盖整个主体。如果您愿意,div的中心部分可以包含一条加载消息。
然后,您可以将光标设置为在div上等待,而不必担心链接位于蒙版div之下。这是“ masking div”的一些CSS示例:
身体{身高:100%;}
div#mask {光标:等待;z索引:999;高度:100%; 宽度:100%; }
本文向大家介绍jQuery EasyUI 页面加载等待及页面等待层,包括了jQuery EasyUI 页面加载等待及页面等待层的使用技巧和注意事项,需要的朋友参考一下 下面一个代码片段是 easyUI 页面加载等待,代码如下所示: 下面看个工具类 基于easyui的页面等待提示层,即mask 效果图: 以上所述是小编给大家介绍的jQuery EasyUI 页面加载等待及页面等待层,希望对大家有所帮
我正在使用Python 2.7与火狐的硒网络驱动程序,我有一个问题,我不能解决或在互联网上找到解决。我的任务是打开大约10k个网页(adsl路由器Web界面 - 通过IP地址)并上传新固件。我写了代码,但为了完成它,我必须学习如何使硒webdriver不要像永远一样等待页面加载,而是等待2分钟(这是新固件上传所需的时间),然后继续下一步。我以为我让它永远等待(等待路由器重新连接 - 速度慢得多,但
我试图创建一个等待加载页面的方法,但我出现了一个错误。可能我没有正确使用这个方法。 错误是:
问题内容: 我们正在为Web应用程序自动化,大多数情况下正在加载图标将显示在页面中心..我们需要等待dis加载图标出现 示例:在大多数情况下,我们都具有搜索功能,我们将获得此加载图标。 我们正在使用的Selenium Webdriver:id我们要完成加载的id是id =“ loading” ..请提供任何上述问题的解决方案。 我们有不同的功能,例如click和sendkeys 问题答案: 显式等
问题内容: 您如何使Selenium 2.0等待页面加载? 问题答案: 你可以期望显示一些元素。类似于C#:
问题内容: 我编写了一个脚本,该脚本从页面中获取数据,但是有时页面需要花费一些时间来加载,因此当将html拉到汤对象中时,有时它什么也不会拉,因为页面仍然需要完成。 我编写了以下代码以等待页面完成。 有用 但是调用函数时出现以下错误; 问题答案: 我认为您应该这样使用: 如手册所述。