- 締切済み
jQueryUIでダイアログ作成について
ＯＫとキャンセルの確認ダイヤログを作成したいです。 <script> $(function() { $( "#dialog-confirm" ).dialog({ resizable: false, draggable:false, closeOnEscape:false, width:500, height:400, modal: true, buttons: { "Yes": function() { $( this ).dialog( "close" ); }, No: function() { window.location.href='http://www.yahoo.co.jp/' } } }); }); </script> 上記コードで動くのですが、 modal: true, これでダイヤログが出た時に半透明になりますよね。 これを半透明ではなく、不透明、背景がすけないようにしたいのですが、 可能でしょうか。 可能ならばやり方を教えて頂きたくよろしくお願い致します。
- u2122
- お礼率71% (125/176)
- JavaScript
- 回答数2
- ありがとう数4
- みんなの回答 （2）
- 専門家の回答
関連するQ&A
- JAVA DialogのModalの設定について
DialogのModalの設定変更で悩んでいます。 以下にサンプルソース(文字数制限のため、不要部分を大幅カットしています)を記します。 このサンプルは、はじめModalをfalseに設定したDialogを表示し、親Frame上の"Change Modal"を押すと5秒間DialogのModalがtrueに変わり、親Frameへのアクセスをガードします。その後、Modalを再度falseに切り替え、はじめの状態へ戻すことを目的とするものなのですが、最後の処理がうまくいきません（親Frameへのアクセスがガードされっぱなしになってしまう）。 何がいけないのでしょうか？ [sample] class Modal_Test_Sample extends Frame implements Runnable, ActionListener { Dialog test_dialog; Thread thread, owner_thread; Button modal_change; Modal_Test_Sample() { super("test_frame"); modal_change = new Button("model_change"); modal_change.addActionListener(this); add(modal_change) pack(); test_dialog = new Dialog(this,"test_dialog",false); test_dialog.show(); } public void actionPerformed(ActionEvent ae) { owner_thread = Thread.currentThread(); thread = new Thread(this); thread.start(); test_dialog.setModal(true); test_dialog.setVisible(false); test_dialog.setVisible(true); test_dialog.setModal(false); test_dialog.setVisible(false); test_dialog.setVisible(true); } public void run() { try { thread.sleep(5000); } catch(Exception e) { } owner_thread.interrupt(); } public static void main(String args[]) { (new Modal_Test_Sample()).show(); } }
- ベストアンサー
- Java
- jqueryuiのdialog
複数指定したいのですが簡単な方法ってありますでしょうか？ 具体的には基本的な設定は全ダイアログで共通なのですがbuttonsの設定をそれぞれで変えたく思っています。 想定のパターンとしては以下の通りです。 ・OkとCancelボタン ・Okボタン ・ボタンなし 単純に必要な分だけ同様に加えればできるかと思うのですがあまりにも単調な気が・・・ 現在のhtmlとjsは以下の通りです。詳しい方がいらっしゃいましたら宜しくお願い致します。 <a href="#" id="dialog_link">Open Dialog</a> <div id="dialog" title="title">内容</div> // Dialog $('#dialog').dialog({ autoOpen: false, buttons: { "Ok": function() { //処理 }, "Cancel": function() { //処理 } } }); // Dialog Link $('#dialog_link').click(function(){ $('#dialog').dialog('open'); return false; });
- 締切済み
- JavaScript
- ここから別窓に・・・・
いつもお世話になっています。 このスクリプトについてです。 <SCRIPT LANGUAGE="JavaScript"> <!-- function kakunin(){ quest=confirm("表示します。\nいいですか？"); if(quest==true){ location.href="http://www.goo.ne.jp/"; }else{ location.href="http://www.goo.ne.jp/"; } } //--> </SCRIPT> 表示されるページを別窓で開くには、どのように書き換えればよいのか教えて下さい。
- ベストアンサー
- JavaScript
- jQueryのUIのDialogでページ遷移
jQueryのUIのDialogを使用してログイン画面を作成しています。 http://stacktrace.jp/jquery/ui/widgets/dialog.html 何とかjQueryのUIのDialogを使用してログイン画面を表示する事ができましたが... 下記がソースコードです。 $(document).ready(function(){ $("#dialog:ui-dialog").dialog("destroy"); $("#dialog-form").dialog({ autoOpen: false, height: "auto", width: 350, modal: true, buttons: { "ログイン": function() { ↑ ここに記述 ↓ } } }); $("#dialog-form").dialog("open"); }); <DIV id="dialog-form" title="ログイン"> <FORM method="post" action="login.php"> <FIELDSET> <LABEL for="username">ユーザ名</LABEL> <INPUT type="text" name="txtUsername" id="username" class="text ui-widget-content ui-corner-all" /> <LABEL for="password">パスワード</LABEL> <INPUT type="password" name="txtPassword" id="password" value="" class="text ui-widget-content ui-corner-all" /> </FIELDSET> </FORM> </DIV> 行いたい事は下記の通りです。 1.各テキストボックスの入力チェック 2.OKの場合はページ遷移(login.php)して ※login.htmlで入力された値(ユーザ名、パスワード)をlogin.phpに受け渡す。 3.入力エラーの場合はエラーダイアログを表示。 エラーダイアログのOKボタンをクリックして再度、ログイン入力。 箇条書きで申し訳ありませんがどのように記述すればいいのでしょうか。 また上記の処理を実現するのに参考になるサイトがありましたら教えて下さい。 情けないんですがここ1週間、これで悩んでいます。 藁をもつかむ思いで... 些細な事でも何でも構いませんので宜しくお願いします。
- ベストアンサー
- JavaScript
- java script作ったのですがうまく出来ません １
下記のを作成したのですがウインドウが３つめまでしか開きません。 ご指摘お願いします。初心者です。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> function window_open(){ w1 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w2 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w3 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w4 = window.open("http://www.yahoo.co.jp/"," _blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w5 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes"); w6 = window.open("http://www.yahoo.co.jp/", "_blank", "dependent =yes,alwaysLowered=yes,directories=yes,location=yes,scrollbars=yes,status=yes,toolbar=yes,resizable=yes,menubar=yes");
- 締切済み
- JavaScript
- javascriptのconfirmについて
javascriptのconfirmが実行されると確認ダイアログボックスが表示されるはずですが、 何故か何も表示されず、必ずfalseを通ります。 かなり初心者的ミスを侵している気がしますが、調べても分からなかったので、 どなたかご教授頂ければ幸いです。記述したソースは以下になります。 headタグ内 <script type="text/javascript"> <!-- function confirm(s){ if(window.confirm('実行します')){ location.href = "/?flg="+s; } return false; } // --> </script> ■bodyタグ内 <a href="javascript:confirm('1');return false;">テスト</a>
- ベストアンサー
- JavaScript
- 確認ダイアログについて
初歩的な質問で申し訳ないですが誰か教えてください。 cookieでセレクトボックス等の選択内容を保存させています。 その時、確認ダイアログを表示させて、yesならセーブorロード。 noならセーブorロードを中止、にしたいのですがやり方がイマイチ分りません。 別ページへのジャンプ確認なら window.location = "htp://sample/";でいいのは分かるのですが、onclick="get_cookie()" で実行しているのを onclickで"Check()"させ、それで"get_cookie()"を実行させるには どうしたらいいのかが分りません。 それとも元々やり方を間違えているのでしょうか? なお、get_cookieの構文に確認ダイアログを組み込むのは余計難しそうなので、そこは弄らずになんとかしたいと思っています。 よろしくお願いします。 <HTML> <HEAD> <script type="text/javascript"><!-- function Check { var res = confirm("保存していいですか？"); if( res == true ) { } else { alert("中止します。"); } } function get_cookie(){ // サンプルなので省略。 } function set_cookie(){ // サンプルなので省略。 } // --></script> </HEAD> <BODY> <FORM><INPUT type="button" name="save" value="セーブ" onclick="get_cookie()"> </FORM> <P><INPUT type="button" name="lord" value="ロード" onclick="set_cookie()"></P> </BODY> </HTML>
- ベストアンサー
- JavaScript
- Javascriptでconfirmの戻り値を取得したい
こんにちは。 Javascriptで独自confirmを表示し「はい・いいえ」で、後の処理を実行させたいのですが、無限ループに陥ってブラウザでscriptを停止するよう求められてしまいます。 var bb = dojoDialogConfirm("ログアウトしてよろしいですか？"); while(true) { inv = setInterval("", 1000); if (bb && bb == true) { window.location = 'logout.action'; clearInterval(inv); break; } else if (bb = false) { clearInterval(inv); break; } } window.confirmのようにJavascriptは待たないので、bbの戻り値(true or false)を取得する前にScriptは走り、bbにtrue falseどちらかが、入力された時点で処理を実行させているつもりなのですが。 どこが悪いのでしょうか？よろしくお願いします。
- 締切済み
- JavaScript
- ダイアログでFORMのsubmit()
以下のようなhtmlを作成しました。 (1)external_link.html(メイン側) <html> <head> <script> <!-- function setForm(elem){ var childwin; formid = document.forma; document.form1.login.value = formid.login.value; window.showModalDialog("dialog.html", this, "status:yes; resizable:yes;" ); } // --> </script> </head> <body> <form name="forma"> <input type="hidden" name="login" value="login1"> <input type="button" name="login1" value="ダイアログいけ" onClick="setForm(this);"> </form> <form name="form1"> <input type="hidden" name="login" value=""> </form> </body> </html> (2)dialog.html <html> <head> <script> <!-- function setForm(){ var parentwin = window.dialogArguments; var parentForm = parentwin.document.form1; document.formx.login.value = parentForm.login.value; document.formx.submit(); } // --> </script> </head> <body onLoad="setForm();"> <form action="http://host-name/servlet" method="POST" enctype="application/x-www-form-urlencoded" name="formx"> <input type="hidden" name="login" value=""> </form> </body> </html> 期待としては、このモーダルダイアログ上にサーブレットの実行結果が表示されることなのですが、何も実行されません。 でも、setForm()ファンクション上にalert("A");等をつけてやると ダイアログではなく『別画面上に』サーブレット実行結果が表示されます。 モーダルダイアログ上にサーブレットの実行結果を表示する方法はありませんでしょうか。 よろしくご教示お願いします。
- ベストアンサー
- JavaScript
- ダイアログクラスへの値の受け渡し
VC++6.0 ダイアログベースです。 下記のように、親ダイアログクラスから、ボタンコントロールで2つの子ダイアログクラスを呼び出して いるのですが、自作で作った処理用のクラスを子ダイアログ２から呼び出す場合に 上手く値を渡すことが出来ません。 子ダイアログ２に設定値を送り、その送られてきた設定値を使って自作クラスに値を送ろうと考えてみたのですが、 Dialog2->DoModal(); でエラーとなります。 どの用にしたら、子ダイアログ２から自作関数を呼び出した時も、ダイアログ１で設定された値を使うことができるでしょうか？ よろしくお願いします。 /**親ダイアログクラス***********************************************************:*/ //■ボタン１が押されたら子ダイアログ１を開く CDialog1 *Dialog1; Dialog1 = new CDialog1()； Dialog1->DoModal();//子ダイアログクラス１呼び出し //■ボタン２が押されたら子ダイアログ２を開く CDialog2 *Dialog2; if (Dialog1->flag == 1){ Dialog2 = new CDialog2(Dialog1->m_hoge1,Dialog1->m_hoge2,Dialog1->m_hoge3)； else{ Dialog2 = new CDialog2(0,0,0);//設定値が読み込まれていなかったら初期値を送る } Dialog2->DoModal();//子ダイアログクラス２呼び出し //■ボタン３が押されたら自作クラスを呼び出します。 //自作クラスを呼び出します。 CJisaku *jisaku; jisaku = new CJisaku()； //自作クラスの関数呼び出し jisaku->ppfm(Dialog1->m_hoge1,Dialog1->m_hoge2,Dialog1->m_hoge3,); /**子ダイアログクラス１**********************************************************/ //自作クラスで扱う設定値を決めます public: int m_hoge1;//呼び出されたらint型の変数m_hoge1に値を入れる。 int m_hoge2;//呼び出されたらint型の変数m_hoge2に値を入れる。 int m_hoge3;//呼び出されたらint型の変数m_hoge3に値を入れる。 Cstring m_hogestring;//呼び出されたらCstring型の変数m_hogestringに値を入れる。 BOOL m_flag; //初期値 flag = false; //一度でも呼び出されたら flag = true; /**子ダイアログクラス２********************************************************/ //自作クラスを呼び出します。 //コンストラクタ Dialog2::Dialog2(int a,int b, int c){ m_a = a; m_b = b; m_c = c; } jisaku = new CJisaku()； jisaku->ppfm(m_a,m_b,m_c);//自作クラスの関数呼び出し /**自作クラス*******************************************************************/ void ppfm(int a,int b, int c) { //ここで子ダイアログクラス１で設定した値を使いたい。 }
- ベストアンサー
- C・C++・C#
お礼
大変遅くなりまして、本当に申し訳ありません！！ 詳しく回答頂き、さらに、ツールの使いたまで説明して頂き、 たいへん感謝致します！！ 遅くなったので締め切ってしまっていて、ベストアンサーにできず、大変もうしわけありません。ですが、こころよりお礼申し上げます。 ありがとうございました！！！！！