Как управлять панелью загрузки с помощью главной страницы и без использования AJAX

У меня есть проект asp.net, и я хочу показать изображение прогресса (GIF) без использования AJAX и использования простой магии DIV java-script.

Все, что я хочу сделать, это поместить один div (который показывает часы анимации во время загрузки страницы) на главной странице (главной странице asp.net, поэтому мне не нужно повторять код на каждой странице контента) и показывать ее, когда загрузка страницы в ходе выполнения.

Я надеюсь, вы понимаете, что я хочу сделать.

Спасибо,

Источник

2 ответа

Вы можете достичь, как это

<body style="background-color:#FFFFFF;" onLoad="init()">


    <div id="loading" style="position:absolute; width:200px; height:163px; text-align:center;top:310px; left:487px;">
    <img src="images/loading.gif" border=0 style="margin:38px"/>
</div>
 <script>
 var ld=(document.all);
  var ns4=document.layers;
 var ns6=document.getElementById&&!document.all;
 var ie4=document.all;
  if (ns4)
    ld=document.loading;
 else if (ns6)
    ld=document.getElementById("loading").style;
 else if (ie4)
    ld=document.all.loading.style;
  function init()
 {
 if(ns4){ld.visibility="hidden";}
 else if (ns6||ie4) ld.display="none";
 }
 </script>
Источник

Сделать 2 раздела в теле вашего документа

<div id="progress">
// Code for gif image
</div

<div id="content" style="display:none;">
// Whole page content
</div>

И после этого включите этот JavaScript. Не в шапке

<script>
  document.getElementById("progress").style.display = 'none';
  document.getElementById("content").style.display = 'block';
</script>

Если вы знаете jQuery, вы можете сделать то же самое для события $(document).ready().

Источник
Другие вопросы по тегам