проблема загрузчика страниц

Question

У меня проблема с загрузкой кода.клиент хочет, чтобы при щелчке по тегу отображался скрытый div загрузчика, а когда (по щелчку) другая страница была полностью загружена, загрузчик будет скрыт.

здесь приведен пример кода

    function pageLoaded(){
  var hideit = document.getElementById("loadUnload");
  hideit.style.display= "none";
}
window.onload = pageLoaded;
function pageUnloaded(){
  var showit = document.getElementById("loadUnload");
  showit.style.display= "block";
}
window.addEventListener("load", pageLoaded, false);
window.addEventListener("unload", pageUnloaded, false);
window.addEventListener("unbeforeunload", pageUnloaded, false);
window.onload = pageLoaded;
function changeClass(elem, classDark,classSelected) {
  for(objIndex = 0; objIndex < elem.parentNode.children.length; objIndex++) {
       var obj = elem.parentNode.children[objIndex];
       if(obj.className == classSelected) obj.className = classDark;
  }
  elem.className = (elem.className == classDark)?classSelected:classDark;
  elem.children[0].children[0].checked = (elem.className == classSelected) ? true : false;
}
function spinner(){
 var lists = document.getElementsByTagName("a");
 var spinnerdiv = document.getElementById("loadUnload");
  for (var i = 0; i < lists.length; i++)
  {
      lists[i].onclick = function (){
      spinnerdiv.style.display= "block";
      }

  }
}






and the html code is like that


<**div id="loadUnload">
  <**div id="loadingDiv" class="centered"><div class="text">loading...</div></div>
<**/div>

Answer 1

Я рекомендую вам использовать AJAX и Jquery .Я считаю, что это будет лучший подход, и он решит вашу проблему, как только вы привыкнете работать с ним.