如何禁用數據加載屏幕？

我們正試圖顯示一個加載圖像，而數據從數據庫中加載。我們正在使用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

如何禁用數據加載屏幕？

回答

相關問題