표시 로딩 패널

내 ASP 버튼이있는 내가 그것을 내 클라이언트 측에 따라서이표시 로딩 패널

<asp:Button CssClass="btnRequestFile" ID="btnSave" runat="server" Text="Request" 
          OnClientClick="if(clientValidate() == false) return false;" OnClick="btnSave_Click" />

처럼 보이는 잘 작동 일부 데이터의 유효성을 검사 한 후 그 서버 측 기능을 발사하고있다 내가 여기에 해고되는 몇 가지 경고가있을 때까지 나타나지 않는 로딩 패널하지만 로딩 패널을 표시 할 기능을하는 것은 내가 그것이로드 패널을 보여 jquery.loading.min.js을 사용하고

function clientValidate() { 
    // $("#IDData").html(''); 
    $.loading({ align: 'center', delay: 0, img: '../common/Content/images/shared/sq_loader_3.gif', onAjax: false, pulse: false }); 
    $("#divLoadingImg").show(); 
    alert("dfhdfh"); 
    var isValid = false; 
    var objectData = null; 

    var liTags = $('#' + secondContainer).find('li'); 
    if (liTags.length == 0) { 
     alert('Please select at least one question !'); 
    } 
    else { 
     if (SaveConfiguration()) { 
      //alert('error occurred'); 
     } 
     else { 
      //alert('error free'); 

      isValid = true; 
     } 
    } 

    $("#divLoadingImg").hide(); 
    $.loading(false); 
    return isValid; 
}

내 코드입니다 또한 작동하지 않습니다 나는 마크 업에 div를 배치하려고했지만로드로 숨기기 만했지만 아무 제안도 어떻게 할 수 있는지 아무 소용이 없습니다.

출처

2011-12-19 ankur

-1

장소 다이빙 THER "소누"그것에게 신분증

및 JQuery와 쓰기에 제공;

<script type="text/javascript"> 
    $(document).ready(function() { 
$("#div1").hide(); 
function clientValidate() { 

$("#div1").show("slow"); 
}); 
}); 
</script>

장소

출처

2011-12-19 06:37:49 user1105338

<head> 
     <script type="text/javascript"> 

     document.onload=hide_loading_div(); 

     function show_loading_div(){ 
      var my_loading_div = document.getElementById('the_loading_div'); 
      my_loading_div.style.visibility = 'visible'; 
     } 

     function hide_loading_div(){ 
      var my_loading_div = document.getElementById('the_loading_div'); 
      my_loading_div.style.visibility = 'hidden'; 
     } 
    </script> 

    <style type="text/css"> 

     .class_of_the_loading_div{ 
      position:fixed; 
      width:100%; 
      height:100%; 
      top:0; 
      left:0; 
      background-color: rgba(0,0,0,0.75); 
      text-align:center;   
     } 
    </style> 


</head> 

<body onload="hide_loading_div()"> 

    Some elements, grids, buttons etc.. 

    <asp:Button ID="btn_something" runat="server" Text="A Button" OnClientClick="show_loading_div()" OnClick="btn_something_Click" /> 

    <div class="class_of_the_loading_div"> 
    Write here LOADING or put a loading gif... 
    </div> 
</body>

설 m 잠수에 loding의 GIF :

(페이지가 초기화되는 동안) 로딩 패널은 처음에 볼 수
처음 초기화 후 , document.onload=hide_loading_div(); 코드가 패널을 숨 깁니다.
Asp 버튼을 클릭하면 JS 코드가 먼저 실행되고 패널이 다시 표시됩니다. 그런 다음 C# 코드가 실행되고 잠시 동안 백그라운드에서 무언가를 수행합니다.
포스트 백이 끝나면 html body가 패널을 숨 깁니다. <body onload="hide_loading_div()">
행복하기 때문에 웃는 얼굴로 보입니다.

참고 :로드 div와 같은 패널로 페이지의 일부만 차단하려면 '흐리게 표시'할 컨테이너 div에는 position : relative;가 있어야합니다. blocker div는 'position : absolute'속성 (고정되지 않음)을 가져야합니다.

출처

2017-04-26 18:04:08

표시 로딩 패널

답변

관련 문제