jQueryUIでダイアログを表示する

求人

jQueryUIでダイアログを表示します。

まずjqueryとjquery-ui.min.js、jquery-ui.cssをプリロードします。

ダイアログにはいろいろなオプションがあります。

buttons ボタン名と操作
title ダイアログのタイトル
resizable true or false(リサイズ可)
modal true or false
ボタンをクリックすると、divで囲んだダイアログの内容を表示します。

ダイアログが表示されると、dialogで指定したオプションの幅や高さ、モーダルにするかどうか、ボタン名(上記ではOKとCancel)、そのボタンを押した時のコールバック関数でボタン押下時の挙動をコーディングします。

上記ではOK押下時、フォームをサブミットしています。

Cancel押下時、ダイアログを閉じています。

フォームのサブミットする前の確認ダイアログなどで使用すると便利です。

DEMO

jquery.uiの詳細はこちらをどうぞ。

jQueryUIでダイアログを表示する

関西で140-170/80~120万から受け付けております^^
得意技はJS(ES6),Java,AWSの大体のリソースです
Python3.6,Djangoを勉強中です,Javaは少し飽きてしまってます–;
コメントはやさしくお願いいたします^^
座右の銘は、「狭き門より入れ」「願わくば、我に七難八苦を与えたまえ」です^^

スポンサーリンク
  • このエントリーをはてなブックマークに追加
スポンサーリンク

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA