は$ loader.gifを示す、簡単な作業

Question

そのを投稿してローダーのdivを表示するが、何とかこのコードスニペットはFirefoxで動作し、ブラウザの残りの部分で失敗しました。私が達成したい何

は、ユーザーが電子メールの送信ボタンをクリックしたとき、彼らはローダーGIF画像が表示されるはずです。 ローダーgifイメージは、IDが有効であるdivの一部です。

私はこれで8時間の周りに投資していると$ ajaxsetup、$ ajaxsend、$ ajaxstartなどのようなすべての選択肢をテストしてみましたが、どれも私のために働いていません。一般的なブラウザ上で動作

簡単な例は、私が

を必要とするものである。ここに私のコード

 
$j("#dialog-form").dialog({ 
       autoOpen: false, 
       height: 435, 
       width: 400, 
       modal: true, 
       buttons: { 
        "Send Email": function() { 

      $j("#validate").show(); 
      setTimeout(ProcessRequest(),5000); 


         } 
        }, 
        Cancel: function() { 
         $j(this).dialog("close"); 
        } 
       }, 
       close: function() { 
        allFields.val("").removeClass("ui-state-error"); 
       } 

function ProcessRequest() 
      { 

          var jqxhr = $j.post(
            "posturl.aspx", 
            { name: name.val(), email: email.val(), phone: phone.val(), date: date.val() }, 

          function(data) { 
           result=data; 
          }).success(function() { OnSuccess(); }) 
          .error(function() { OnError(); }); 

          jqxhr.success(function() { OnSuccess(); }); 
          jqxhr.error(function() { OnError(); }); 

      } 

     <div id="validate" style="display:none"> 
       <img src='trns_loader.gif' /> Your Order is being processed 
</div> 

Answer 1

は、私がloader.gifを使用する方法は極めてローテクで、幻想的な作品です。

私はセンター中心の位置と、メインのdivの背景としてloader.gifを置きます。

次にロードされます任意のコンテンツを、私は背景が白にします。内容がダイアログに追加されるまで

この方法では、ローダが表示されます。

すべてのブラウザで機能します。