jqueryを使用して、私のEntire Applicationのsite.Masterページでポップアップメッセージを宣言する方法？

Question

成功メッセージの失敗メッセージを表示するように、私のアプリケーション全体をスローアウトする同じポップアップメッセージを表示する必要がありますか？メッセージをお待ちですか？私のアプリケーションで

..私のアプリケーション全体への私は、ページのロード中にメッセージをポップアップ表示しばらくお待ちください表示するために必要ないくつかの時間を取った場合、私は保存いずれかをクリックすると...

任意の体がどのように私を助けることができますsite.masterページでこれを宣言しますか？ jqueryのに

おかげ

Answer 1

を使用してあなたは自分のマスターページにいくつかの関数を定義し、適切な場合にはそれらを呼び出すことになるでしょう。

divをマスターページに追加できます。

 <div id="messageDisplay"> 
    </div> 

もちろん、メッセージをCSSでスタイルし、本当に必要な場所にDIVを配置したいと思うでしょう。

// Display success message. 
function successMessage() 
{ 
    $('#messageDisplay').text('Your operation was successful!').slideDown(); 
} 

また、表示するメッセージを渡すことができる関数を定義します。

// Display message. 
function displayMessage(messageText) 
{ 
    $('#messageDisplay').text(messageText).slideDown(); 
} 

私は2番目の方法を好むので、関数を1つだけ定義し、呼び出すたびに文字列を渡します。

メッセージを非表示にするには、非表示機能を定義します。

// Hide currently displayed message. 
function hideMessage() 
{ 
    $('#messageDisplay').slideUp(); 
} 

あなたのページでは、関数を呼び出すだけです。あなたは長い時間がかかることになるajax操作をしているふりをする。まず「Please wait ...」と表示され、次に「Successful！」と表示されます。それが終わったら。

$('#someButton').click(function() 
{ 
    hideMessage(); 
    displayMessage("Please wait..."); 
    $.ajax(
    { 
      url: "some/url/for/ajax/function", 
      data: { someData: "some data" }, 
      type: "POST", 
      success: function (response) 
      { 
       hideMessage(); 
       displayMessage("Successful!"); 
      }, 
      error: function (xhr, textStatus, errorThrown) 
      { 
       hideMessage(); 
       displayMessage(textStatus); 
      } 
    }); 
}); 

EDIT：ページがマスターページから継承したときに、ブラウザが完全に1ページとしてそれを見ていることに注意してください。したがって、マスターページで定義された任意のjavascriptは、その時点以降のすべてのページの一部としてインクルードされます。つまり、ページ固有のスクリプトでも、マスターページで定義された関数を参照できます。