Jqueryメッセージボックスのサーバーサイドコードからの呼び出し

Question

私はJqueryを初めて使用していて、新しいツールの学習を開始しようとしています。私がやりたいことは、処理が完了した後に私のgridViews行コマンド関数からJQueryメッセージボックスを呼び出して、プロセスが完了したことをユーザーに通知できるようにすることです。私は参照としてこのウェブサイトを使用しようとしていました http://stuntsnippets.com/jquery-message-box/

しかし、サーバーサイドからどのように関数を呼び出すかわかりません。でない場合には

#darkbg { 
    display: none; 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: #000; 

    opacity: .5; 
    filter: alpha(opacity=50); 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
} 
#message_box { 
    width: 300px; 
    height: 150px; 
    background: #fff; 

    border: 4px solid #f0f0f0; 
    border-radius: 10px; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 

    position: absolute; 
    top: 100px; 
    left: 50%; 
    margin-left: -150px; 

    text-align: center; 
    z-index: 1000; 
    display: none; 
} 
#message_box input[type=button] { 
    float:left; 
    margin-left: 145px; 
} 

：私はこれはあなたのスクリプトタグ内の...

$(document).ready(function() { 
    //Determining if there is a message to be shown if the message is not equal to empty string then the messagebox should appear. 
    if(message != '') { 
     message_box.show_message('Equipment Request:', message); 
    }    
}); 

//JQuery to set up the messagebox. 
var message_box = function() { 
    var button = '<input type="button" onclick="message_box.close_message();" value="Ok" />'; 
    return { 
     show_message: function (title, body) { 
      if (jQuery('#message_box').html() === null) { 
       var message = '<div id="message_box"><h1>' + title + '</h1>' + body + '<br/>' + button + '</div>'; 
       jQuery(document.body).append(message); 
       jQuery(document.body).append('<div id="darkbg"></div>'); 
       jQuery('#darkbg').show(); 
       jQuery('#darkbg').css('height', jQuery('html, body').height()); 

       jQuery('#message_box').css('top', jQuery('html, body').scrollTop() + 150); 
       jQuery('#message_box').show('slow'); 
      } else { 
       var message = '<h1>' + title + '</h1>' + body + '<br/>' + button; 
       jQuery('#darkbg').show(); 
       jQuery('#darkbg').css('height', jQuery('html, body').height()); 

       jQuery('#message_box').css('top', jQuery('html, body').scrollTop() + 150); 
       jQuery('#message_box').show('slow'); 
       jQuery('#message_box').html(message); 
      } 
     }, 
     close_message: function() { 
      jQuery('#message_box').hide('fast'); 
      jQuery('#darkbg').hide(); 
     } 
    } 
}(); 

これはCSSで行く、 Spafa9

場所をありがとうClientScript.RegisterStartupScript を試してみましたメッセージボックスを使用しているページのポストバックは、次のコード行を入れてください。

ltlMessage.Text = "<script type=""text/javascript"">var message = """"; </script>" 

次に、メッセージボックスを表示したい機能の下にある行コマンドでこのコードを配置します。

ltlMessage.Text = "<script type=""text/javascript"">var message = ""Email has been sent.""; </script>" 

Answer 1

私は実際の例を含むように投稿を変更しました。これが誰かを助けることを願っています。私が忘れていたことは、あなたがメッセージ・ボックスを希望するページに、ltlmessageと呼ばれる私の場合にメッセージを保存するリテラル・コントロールが必要になることです。 Spafa9