タグ付けされた質問 「modal-dialog」

ユーザーに重要な情報を表示するために使用されるグラフィカルダイアログを指します。これらのダイアログは他のすべてのコンテンツの上に表示され、ユーザー入力が受信されるまでアプリケーションフローをブロックします。

11
ブートストラップモーダルの特定のフィールドが表示された後、そのフィールドにフォーカスを設定する方法
ブートストラップモーダルに関していくつか質問がありますが、これとまったく同じではないので先に進みます。 私はそのようにonclickを呼び出すモーダルを持っています... $(".modal-link").click(function(event){ $("#modal-content").modal('show'); }); これは正常に動作しますが、モーダルを表示するときに最初の入力要素に焦点を当てたい...場合によっては、最初の入力要素のIDが#photo_nameです。 だから私は試した $(".modal-link").click(function(event){ $("#modal-content").modal('show'); $("input#photo_name").focus(); }); しかし、これは役に立たなかった。最後に、「show」イベントにバインドしてみましたが、それでも入力がフォーカスされません。最後にテストのためだけに、私は疑いがあるのでこれはjsの読み込み順序に関するものです。1秒遅延するかどうかを確認するためにsetTimeoutを入力し、フォーカスが機能するかどうかを確認します。しかし、この方法は明らかにくだらないです。setTimeoutを使用せずに以下と同じ効果を発揮する方法はありますか? $("#modal-content").on('show', function(event){ window.setTimeout(function(){ $(event.currentTarget).find('input#photo_name').first().focus() }, 0500); });

6
ブートストラップモーダルオープンで関数を呼び出す
以前はJQuery UIのダイアログを使用していましたopenが、ダイアログが開かれたときに実行するJavascriptコードを指定できるオプションがありました。私はそのオプションを使用して、私が持っている関数を使用してダイアログ内のテキストを選択しました。 今、私はブートストラップのモーダルを使用してそれをしたいです。以下はHTMlコードです。 <div id="code" class="modal hide fade"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h3>Modal header</h3> </div> <div class="modal-body"> <pre> print 'Hello World' そして、モーダルを開くボタンについては: <a href="#code" data-toggle="modal" class="btn code-dialog">Display code</a> ボタンのonclickリスナーを使用しようとしましたが、モーダルが表示される前に警告メッセージが表示されました。 $( ".code-dialog" ).click(function(){ alert("I want this to appear after the modal has opened!"); });

8
ブラウザのポップアップブロッカーを回避する
私は純粋にJavaScriptでOAuth認証フローを開発しており、ユーザーにポップアップで「アクセス許可」ウィンドウを表示したいのですが、ブロックされます。 によって作成されたポップアップウィンドウ、window.openまたはwindow.showModalDialog別のブラウザーのポップアップブロッカーによってブロックされないようにするにはどうすればよいですか?

23
Jquery UIダイアログに「確認」ダイアログを実装する方法は?
醜いjavascript:alert()ボックスを置き換えるためにJQuery UIダイアログを使用しようとしています。私のシナリオでは、アイテムのリストがあり、それらの各個人の隣に、各アイテムの[削除]ボタンがあります。擬似HTMLセットアップは次のようになります。 <ul> <li>ITEM <a href="url/to/remove"> <span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> <li>ITEM <a href="url/to/remove"><span>$itemId</span> </ul> <div id="confirmDialog">Are you sure?</div> JQパートでは、ドキュメントの準備ができたら、最初にdivを必要なボタンを備えたモーダルダイアログに設定し、次のように、削除する前にそれらの "a"を確認のために起動するように設定します。 $("ul li a").click(function() { // Show the dialog return false; // to prevent the browser actually following the links! } OK、ここに問題があります。初期化時間中、ダイアログには誰(アイテム)が起動するのか、またアイテムID(!)もわかりません。これらの確認ボタンの動作を設定して、ユーザーがまだ[はい]を選択した場合、リンクをクリックして削除する方法を教えてください。

3
MVVMを使用したwpfでのダイアログの良いまたは悪い習慣?
最近、wpfアプリの追加および編集ダイアログの作成に問題がありました。 私のコードでやりたいのは、このようなものだけでした。(私は主にmvvmでviewmodel最初のアプローチを使用します) ダイアログウィンドウを呼び出すViewModel: var result = this.uiDialogService.ShowDialog("Dialogwindow Title", dialogwindowVM); // Do anything with the dialog result それはどのように機能しますか? まず、ダイアログサービスを作成しました。 public interface IUIWindowDialogService { bool? ShowDialog(string title, object datacontext); } public class WpfUIWindowDialogService : IUIWindowDialogService { public bool? ShowDialog(string title, object datacontext) { var win = new WindowDialog(); win.Title = title; win.DataContext …
148 c#  .net  wpf  mvvm  modal-dialog 

4
WPFでモーダルダイアログを作成する方法
WPFで最初のアプリケーションを作成していて、ユーザーにモーダルダイアログウィンドウでデータを入力してもらいたいと思っています。どうやら、これはWPFで行うのは簡単ではありません。親ウィンドウが完全に有効なままであり、新しい子ウィンドウを作成したメソッドは停止せず、子ウィンドウがClose()を呼び出すまで待機しません。代わりに、それは単に前進し続けます。これは私が望むものではありません。 どうすれば子ウィンドウを開いて、親ウィンドウが実行を続ける前に子ウィンドウが閉じるのを親ウィンドウに待機させることができますか?
133 .net  wpf  dialog  modal-dialog 

9
Angular 2.0とモーダルダイアログ
Angular 2.0で確認モーダルダイアログを実行する方法の例を見つけようとしています。Angular 1.0のBootstrapダイアログを使用していて、Angular 2.0のWebで例を見つけることができません。私はまた、運が悪くて角度2.0のドキュメントをチェックしました。 Angular 2.0でブートストラップダイアログを使用する方法はありますか?


4
:before CSS疑似要素を使用して画像をモーダルに追加する
私は、Modal絶対的に配置され、親の上にzインデックスが付けられ、JQueryで適切に配置されたCSSクラスを持っています。モーダルボックスの上部にキャレット画像(^)を追加したいのですが、:beforeCSS疑似セレクターを使用してこれをきれいに行うことを検討していました。 画像は絶対的にモーダルの上に配置し、Zインデックスを付ける必要がありますが、適切なクラスを画像のcontent属性に追加する方法が見つかりませんでした。 .Modal:before{ content:url('blackCarrot.png') /* with class ModalCarrot ??*/ } .ModalCarrot{ position:absolute; left:50%; margin-left:-8px; top:-16px; } 次善のオプション-スタイルをインラインでcontent属性に追加できますか?

9
ブートストラップモーダルが開いているかどうかを確認する方法で、jquery validateを使用できるようにする方法
モーダルが開いている場合にのみ検証を行う必要があります。それは、モーダルを開いてから閉じると、モーダルを開くボタンを押したからです。jqueryの検証を行っているため機能しません。モーダルが却下されたために表示されます。 モーダルが開いている場合はjqueryを広告したいので、検証を行いますが、これは可能ですか? <script> $(document).ready(function(){ var validator =$('#form1').validate( { ignore: "", rules: { usu_login: { required: true }, usu_password: { required: true }, usu_email: { required: true }, usu_nombre1: { required: true }, usu_apellido1: { required: true }, usu_fecha_nac: { required: true }, usu_cedula: { required: true }, usu_telefono1: { required: …

7
Enterキーを押したときにモーダルで閉じるのを避ける
フォーム付きのブートストラップモーダルを設定しました。Enterキーを押すと、モーダルが閉じられることに気づきました。Enterキーを押したときにそれを閉じない方法はありますか? keyboard:falseでモーダルをアクティブ化しようとしましたが、それはEscキーでの終了を防ぐだけです。

2
角度マテリアルダイアログ領域の外側でのクリックを無効にしてダイアログを閉じる(Angularバージョン4.0以降)
私は現在、Angular 4プロジェクトのパスワードリセットページに取り組んでいます。Angular Materialを使用してダイアログを作成していますが、クライアントがダイアログをクリックすると、ダイアログは自動的に閉じます。コード側が「閉じる」関数を呼び出すまでダイアログを閉じないようにする方法はありますか?または、どのようにして閉じることができないモーダルを作成する必要がありますか?

6
ブラウザのサイズを変更するときにjQuery UIダイアログを自動的に中央揃えする方法は?
jquery UIダイアログを使用すると、1つを除いてすべてがうまく機能します。ブラウザのサイズが変更されても、ダイアログは最初の位置にとどまるので、非常に煩わしい場合があります。 あなたはそれをテストすることができます:http : //jqueryui.com/demos/dialog/ 「モーダルダイアログ」の例をクリックして、ブラウザのサイズを変更します。 ブラウザのサイズが変更されたときにダイアログを自動的に中央に配置できるようにしたいと思います。これは、アプリ内のすべてのダイアログに対して効率的な方法で実行できますか? どうもありがとう!


20
ブートストラップ:モーダルで別のモーダルを開く
したがって、私はこのコードを使用して、現在開いているモーダルウィンドウで別のモーダルウィンドウを開きます。 <a onclick=\"$('#login').modal('hide');$('#lost').modal('show');\" href='#'>Click</a> 何が起こるかというと、500msほどスクロールバーが複製されるということです。現在のモーダルはまだフェードアウトしているためだと思います。ただし、非常に滑らかで途切れ途切れに見えます。 この問題を解決するための提案をいただければ幸いです。 また、onclickイベントでこれを構築する方法は専門外ですか? ブートストラップバージョン3.0を使用しています。 編集:モーダルをフェードアウトする時間を短縮する必要があると思います。これはどのようにして可能ですか?

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.