aspボタンをクリックするとロードパネルが表示されます

私はいくつかのデータを検証している私のASPボタンを持っているし、それがうまく動作しているサーバー側の機能を発射これのように見える


だから私のクライアント側の機能では、私はロードパネルを表示するが、ここでいくつかの警告が発生するまでローディングパネルが表示されませんが私のコードです

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;
}

私はjquery.loading.min.jsを使用してロードパネルを表示していますが、マークアップにdivを配置しようとしましたが、読み込みを非表示にしていましたが、

0

2 答え

ダイブther "sonu"を置き、それにいくつかのidを与える

そしてjqueryの書き込みで。

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

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

ダイビングにあなたの夢中のGIFを置く

1
追加された
 <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>

    


</head>

<body onload="hide_loading_div()">

   Some elements, grids, buttons etc..

   

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

説明:

  • The loading panel is visible at the beginning (while the page is initializing)
  • After first initialization, document.onload=hide_loading_div(); code hides the panel.
  • When you clicked the Asp button, JS code is triggered at first, and shows the panel again. Then C# code runs and does something at the background for a while.
  • After postback is completed, html body hides the panel because you write <body onload="hide_loading_div()">
  • You smile, because you are happy.

注:ページの一部だけをdivのようなパネルでブロックしたい場合、コンテナdivは「薄暗く」なります:position:relative;ブロッカーdivには 'position:absolute'属性(固定ではありません)が必要です。

0
追加された
JavaScript - 日本のコミュニティ
JavaScript - 日本のコミュニティ
2 参加者の

日本人コミュニティのjavascript