jQuery UIを使ったダイアログでボタンのフォーカスを設定するには
jQuery UIを使ったダイアログボックスはいろいろとカスタマイズが可能です。 ということで、今回はボタンのデフォルトフォーカスを変更する方法について紹介します。 今回は以前ご紹介した「jQueryとjQuery UIを使った確認ダイアログボックス」と比較して説明します。 確認ダイアログボックスは”OK”と”キャンセル”ボタンが表示されるダイアログですが、通常は左側の”OK”がデフォルトフォーカスとなります。 ですが、以下のソースコードにある23行目～25行目を記載することで、フォーカスをカスタマイズできます。 ポイントは24行目の「button:eq(1)」で、この数字（今回は1）がデフォルトフォーカスの対象となるボタンになります。 もちろん、0が一番上で、2番目が1となりますね。 // 確認ダイアログの表示(JQuery)：ボタンのデフォルトフォーカスを変更 function Sho
jQuery UI - ダイアログ - jQuery 入門
ダイアログボックスでは、ユーザーにメッセージを表示する、入力を促す、などします。 簡単な一行程度の入力を促すのなら、 prompt でもいいでしょうが、複数のデータの入力を促すのに複数回の prompt をするのでは、 ユーザーに対してちょっと古くさいプログラムであるという印象を与えかねません。 jQuery によるダイアログの表示 次のボタンをクリックすると、ダイアログボックスを表示します。 OK ボタンをクリックした時に、そのクリックイベントを処理してダイアログを閉じています。 このダイアログボックスの作成手順を説明します。 まずはダイアログの中身を div として作成します。 <div id="dialogdemo1"> <p>Hello, jQuery UI Dialog!</p> </div> 次にこの要素を dialog メソッドでダイアログにしますが、このときにオプションをい
非常にきれいなアラートを表示する「jQuery Alert Dialogs」
非常にきれいなアラートを表示する「jQuery Alert Dialogs」 Check Tweet 配布元：jQuery Alert Dialogs (Alert, Confirm, & Prompt Replacements) ライセンス：GNU General Public License. 「jQuery Alert Dialogs」はjQueryで非常に美しいアラートやプロンプトを表示するJavaScriptライブラリです。 使い方 jquery.jsと配布元よりダウンロードしたjquery.alerts.jsとjquery.ui.draggable.js、jquery.alerts.cssをhead要素などで読み込みます。 <script type="text/javascript" src="jquery.js"></script> <script type="text/ja
Vimを知らない人またはVimが使いにくいものだと思っている人へ
Vimって何？Vimっていうのは高機能のテキストエディタのことだ。「へぇ、テキストエディタね。プログラマでもない俺には関係ないよ」と思うかもしれない。「俺もうサクラエディタ使ってるから別にいらないよ」とか「Eclipse最高なので」とかそういう人もいるだろうが、まぁひとまず読んでほしい。 何はともあれ、とりあえずVimをインストールだけしてみようもしあなたがまだVimをインストールしていなくて、Windowsを使っているのならhttp://www.kaoriya.net/software/vim/ここからダウンロードして、インストールしてみよう僕はMac持ってないから、マカーは自分でなんとかしてくれLinux使いには説明不要なはずだ。 とっても簡単に終わってしまうので、誰にでもできることだろうと思う。インストールしてない人はインストールすらできなかった人とみなして次に進む。Vimをインスト
Dialog - jQuery UI API 1.8.4 日本語リファレンス - StackTrace
解説 高機能なダイアログウィジェットです。 dialog は、タイトルバーとコンテンツエリアを持つ、フローティングウィンドウです。 デフォルトでは、移動、リサイズすることができ、右上の "x" ボタンでウィンドウを閉じることができます。 コンテンツの大きさが最大値を超えた場合は、スクロールバーが自動的に表示されます。 書式 依存ファイル jquery.ui.core.js jquery.ui.widget.js jquery.ui.mouse.js jquery.ui.position.js jquery.ui.draggable.jsオプション jquery.ui.resizable.jsオプション 引数 optionsオプション 関数 String: "destroy"、 "disable"、"enable"、"option"、"widget"、"close", "isOpen", "
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Code Archive - Long-term storage for Google Code Project Hosting.
