как отключить экран при загрузке данных?

Question

мы пытаемся показать изображение загрузки во время загрузки данных из базы данных. мы используем вызовы AJAX для извлечения данных. В настоящее время мы можем отобразить это изображение. нам нужно отключить весь экран и показывать только изображение loading во время загрузки данных.

есть ли готовое решение для этого ??? Я надеюсь, что есть много платформ, которые могут сделать это. Пожалуйста, предоставьте соответствующие указатели.

Спасибо.

Answer 1

Это можно сделать, создав 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 );