jQuery UI の Dialog プラグインのダイアログを使ったフォーム
実装例（サンプル）の動作について 「追加」ボタンをクリックすると、ブラウザの中央に、追加フォームダイアログが出現する。 「名前」と「コメント」を入力して、「追加」ボタンをクリックすると、実装例（サンプル）のテーブルに追加する。 ダイアログ内の「×」アイコンをクリックすると、ダイアログを閉じる。 ダイアログ内のタイトルをドラッグしながら、ダイアログを移動できる。 ダイアログのサイズを変更できる。 実装例（サンプル）のソースコード 読み込み パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場合 <link rel="stylesheet" href="themes/base/jquery.ui.all.css" /> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="te
jQuery UIのDialogでメッセージやフォームをダイアログ表示
このブログのコメントは承認制でして、入力しても入力したものが消えるのみでした。 その動作ですと入力した方は、本当に投稿できたのか不安になることもあるでしょう。 そこでコメントを受付時に、その旨を知らせるダイアログを表示することにしました。 サイトを訪問したユーザーの方へ特別に訴えたい・注目してもらいたい際に、ポップアップするダイアログはとても効果的だと思います。 その実現方法として、jQueryのプラグインである「jQuery UI」の１機能、「Dialog」を使用しました。 Dialogを使用することで、スタイリッシュなダイアログを簡単に実装できます。 jQueryを用意するjQuery UIはjQueryのプラグインであるため、jQuery本体が必要となります。 jQuery本体の準備は以前「「CrossSlide」写真や画像をかっこよくスライド表示 」の「jQueryを用意する」で書
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
