如何禁用数据加载屏幕？

我们正试图显示一个加载图像，而数据从数据库中加载。我们正在使用AJAX调用来检索数据。目前我们能够显示该图像。我们现在需要的是在数据加载时禁用整个屏幕并仅显示loading图像。如何禁用数据加载屏幕？

是否有任何现成的解决方案？我希望有很多框架可以做到这一点。请提供相关的指针。

谢谢。

来源

2010-03-29 mj.

全屏手段？你想让电脑冻结？ :) – Shoban 2010-03-29 06:46:53

我的意思是应该禁用整个浏览器屏幕。就像一个模式弹出。 – 2010-03-29 06:51:57

禁用的手段？你不显示除图像以外的任何东西吗？那么你想禁用什么？你有一个示例screengrab？ – Shoban 2010-03-29 06:52:53

这可以通过创建一个div（透明）并覆盖所有元素来完成。

var freezeDiv = document.createElement("div"); 
    freezeDiv.id = "freezeDiv"; 
    freezeDiv.style.cssText = "position:absolute; top:0; right:0; width:" + screen.width + "px; height:" + screen.height + "px; background-color: #000000; opacity:0.5; filter:alpha(opacity=50)";  
    document.getElementsByTagName("body")[0].appendChild(freezeDiv);

来源

2010-03-29 07:04:19 RameshVel

感谢您的回复Ramesh。该代码确实帮助我禁用了下面的屏幕。现在我想在所有内容上显示一个DIV，表示加载正在进行中，并显示加载时提示的图像。任何想法我们如何做到这一点？我试过了，但图像显示在透明的东西下面。谢谢 – 2010-03-29 12:19:20

我认为你已经在父页面（或容器）上添加了进度标签和图像。只需将这些项目添加到'freezeDiv'div容器中，并将其居中......它将按预期工作...... – RameshVel 2010-03-29 13:14:55

如何禁用数据加载屏幕？

回答

相关问题