2007.10.03

Buttonコントロールクリック時のJavaScript処理

登録画面などで、実行や削除ボタンを押したときに確認のメッセージを出したり、
閉じるボタンを押したときに画面を閉じるといったことをしたい場合に
JavaScriptを使用して実現させることができます。

例)
 <input type="button" id="btnSubmit" value="クリック"
    onclick="return confirm('削除します。よろしいですか?');" />

上記のようにHTMLコントロールを使用すれば、ポップアップでメッセージを
表示させることができますが、WebコントロールであるButtonコントロールに対して
設定することはできません。

 <asp:Button id="btnSubmit" runat="server" Text="クリック"
    onclick="return confirm('削除します。よろしいですか?');" />

Webコントロールに設定するには、サーバーから送信されるHTML内のinputタグの
onclick属性にJavaScriptの記述を挿入する必要があります。
その場合に「Attributes」プロパティを使用し、Page_Load処理などで以下のような
設定をしておきます。

 Me.btnSubmit.Attributes("onclick")
      = "return confirm('削除します。よろしいですか?');"


また、これとは逆に、ボタンを押して入力チェックを行った後に画面遷移をするなど
イベントの最中にJavaScript処理を行いたい場合は以下を使用すると、
イベント終了後にJavaScriptを発動させることができます。

 Page.ClientScript.RegisterStartupScript(Type, Key, "動かしたいスクリプト")

VBとJavaScriptの組み合わせで結構何でもできて便利です。

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

photo
admin