페이지 로더 문제

-1

코드 로딩에 문제가 있습니다. 고객이 태그를 클릭하면 숨겨진 로더 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>

출처

2011-04-07 tsdln

무엇이 당신의 질문입니까? –

루프 변수에 ** 실제로 ** var를 사용해야합니다. 그렇지 않으면 전역 변수이며 같은 루프 변수 이름을 가진 루프 (예 :'i')가 (다른 함수에서도) 중첩되는 즉시 중단됩니다! – ThiefMaster

내 질문은 = 어떻게 할 수 있습니까 - 태그를 클릭하면 숨겨진 로더 div가 표시되고 클릭하면 다른 페이지가 완전히로드되어 로더가 숨겨집니다. – tsdln

난 당신이 AJAX와 Jquery를 사용하는 것이 좋습니다에게 있습니다. 나는 이것이 최선의 접근 방법이라고 생각하며, 일단 당신이 그것에 익숙해지면 문제를 해결할 것입니다.

출처

2011-04-09 15:37:41 alexy13

페이지 로더 문제

답변

관련 문제