jQuery Mobileでjsからダイアログを開く方法 - ハードコイルド・ワンダーランド
jQueryMobileのダイアログはアンカーリンクに"data-rel='dialog'"を追加するだけなのでとても簡単だ。 しかし、ひとつ欠点がある。アンカーリンクを仕込める場所にしか作れないのだ。 それに加えて以下のような制約がある。 window.open(url)が使えない jquery-ui-dialogはクラスの名前空間が衝突するらしく、使えない そのため、javascriptからダイアログを開きたいという要請に上手く答えることができない。 苦肉の策として以下のページの用な対応方法がある。 Dialog _ jQuerymobile -stackoverflow 回答の一つ目はどうしても動作しなかった。二つ目の回答は僕の環境でも動作した。 たしかに、書き方は良くないかもしれないが、とりあえず動くようだ。 <!DOCTYPE html> <html> <head> <scrip
jQuery UI の Dialog プラグインを使った送信確認ダイアログ
実装例（サンプル）の動作について 「送信」ボタンをクリックすると、ブラウザの中央に、確認ダイアログが出現する。 ダイアログ内に「送信」と「キャンセル」の2つのボタンが表示される。 サンプルなので、実際には送信しない。 ダイアログ内の「×」アイコンをクリックすると、ダイアログを閉じる。 ダイアログ内のタイトルをドラッグしながら、ダイアログを移動できる。 ダイアログのサイズを変更できる。 実装例（サンプル）のソースコード 読み込み パスは、それぞれ、アップロードした場所を指定する。 まとめて読み込む場合 <link rel="stylesheet" href="themes/base/jquery.ui.all.css" /> <script type="text/javascript" src="jquery-1.4.2.js"></script> <script type="text/ja
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
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
