問題タブ [modalpopups]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
8 に答える
2781 参照

usability - モーダルポップアップ - ユーザビリティ

モーダルポップアップを使用するケースは何ですか? ユーザーの顔に突然開いた場合、ユーザーの流れを中断しますか? 一般的にモーダルポップアップを避けますか? または、いつそれらを使用する際に注意する必要がありますか?

編集:

もう少し具体的に言うと、ここでの状況は次のとおりです。

ユーザーが要素を追加したい場合、右側にメニュー (VisualStudio スタイル) があります。メニューを下に展開してそこから何かを選択させ、[OK] ボタンを押すか、モーダル ポップアップを表示する必要があります。選択を迫る。

(選択ステップは必須です。)

0 投票する
8 に答える
17354 参照

javascript - Ruby on Rails の優れたポップアップ ダイアログ ボックスとは

Ruby on Rails の Web アプリでモーダル ポップアップ ウィンドウを使用したいと考えています。新しいブラウザ ウィンドウを作成するのではなく、既存の Web ページ内にサブウィンドウを作成することに注意してください。TinyBox などを試してみましたが、コントローラー内からエラー情報を返すには問題があります。Rubyでうまく機能する良い方法やツールはありますか?

0 投票する
4 に答える
67970 参照

javascript - JavaScriptモーダルポップアップをコーディングする方法(Ajaxを置き換える)?

Ajax Modal Popup コントロールを同等の JavaScriptに置き換える必要があります。これを単純な状況依存のヘルプ タイプのポップアップとして使用します。ざっとブラウジングしましたが、探していたものがまったく見つかりませんでした。テキストと単純な [閉じる] ボタン/リンクが必要なだけですが、Ajax モーダル コントロールの場合と同様に、ポップアップの下のページを暗くしたいと思います。

あなたが使用した素敵な JavaScript ポップアップ/ヘルプ タイプのソリューションを提案できる人はいますか?

0 投票する
2 に答える
2824 参照

css - 複数のCSSホバーポップアップが単一のdiv内の同じスペースを占めることはできますか?

メニュー(リストアイテム)のさまざまな行のホバー疑似クラスにテキストスパンをポップアップ表示させようとしています。メニュー/リストが水平の場合、ポップアップをdiv内の同じスペースに占有させることができますが、垂直リストはポップアップを「親」リスト/メニュー項目と同じ垂直高さに配置します。

これが私がこれまでに持っている関連するコードです:

CSS:

0 投票する
1 に答える
2412 参照

asp.net - ASP.NET 検証が JavaScript の showModalDialog 呼び出しで実行されない

現在、JavaScript .showModalDialog 関数を使用して、親ページからポップアップ ウィンドウを開きます。ポップアップ ウィンドウには、ユーザーが ASP.NET ボタンをクリックしてフォームを送信したときに表示されない ASP.NET 検証コントロールが含まれています。ページにエラーがある場合、検証メッセージは表示されず、レコードはサーバー側で更新されず、ポップ ウィンドウが閉じます。

(asp.net 検証コントロールは、ポップアップ ウィンドウがサーバー ポストバックを実行するのを停止しません)

以前にこの動作を経験した人はいますか?それを防ぐ方法はありますか?

これが私のshowModalDialong呼び出しのソースコードです:

注: ポップアップ モーダルを閉じると、ASP.NET ボタンが「クリック」されて親の ASP.NET UpdatePanel が更新され、ポップアップ ウィンドウで変更されたレコードへの変更が表示されます。

0 投票する
4 に答える
990 参照

jquery - web2.0 ポップアップ?

私が必要としているサイトでは、ユーザーが外部の Web サイトに移動するリンクをクリックするときに、ユーザーのチェックが必要です (理由は聞かないでください。そうなっているだけです..)

クライアントは、「本当に行きたいですか?」というメッセージを表示するポップアップ ボックスを求めています。はいまたはいいえの 2 つのボタンと一緒に。

JSがオフになっている場合、計画のahrefリンクを残すだけで非常に優雅に劣化するため、これまでのところ、クラシックブラウザのポップアップでこれらすべてを行ってきました。私の質問は...これを行う別の方法で、普通のくだらないポップアップよりも少しファンキーなものはありますか?

私はthickboxといくつかのJQueryスライダーを試してきましたが、Javascriptを無効にするとすぐに

a) 「ポップアップ」がない b) 機能しなくなった「ポップアップ」をアクティブにするために必要なマークアップのおかげで、リンクでさえ本来あるべき場所を指していない

アイデアや考えはありますか?:P

0 投票する
1 に答える
3447 参照

jquery - iframe の親ウィンドウがスクロールするときに、iframe 内で ModalPopup を再中央揃えするのを手伝ってください

iframe を含む Web ページがあります (好きではありませんが、そうあるべきです)。クロスドメインの iframe ではないので、心配する必要はありません。

iframe の親の幅と高さに基づいてModalPopup (オーバーライドされたAjaxControlToolkit.ModalPopupBehavior._layoutメソッドから呼び出される) の中央揃えを行う jQuery 拡張機能を作成しました。ページの中央。特に、iframe を追加した Web ページが quirks モードで実行されているため、これには多くの注意が必要です。

ここで、 AjaxControlToolkit.ModalPopupBehavior._attachPopupもオーバーライドしました。これにより、親ウィンドウのサイズが変更またはスクロールされたときに、親ウィンドウの新しいサイズに対して、iframe の再中心化の内部にある ModalPopup 自体が相対的になります。ただし、ポップアップを親ウィンドウのサイズ変更イベントに関連付ける同じコードは、親ウィンドウのスクロールイベントには機能しません。以下のコードとコメントを参照してください。

スクロールイベントが機能しないのにサイズ変更イベントが機能する理由を誰かに説明できますか? 私を助けるための提案や代替案はありますか? 私は jQuery を使用しているので、MS の $addHandler メソッド以外の何かを使用できれば問題ありません。ハンドラーを削除するには _detachPopup 関数もオーバーライドする必要があることに注意してください。そのため、それを考慮する必要があります。

ありがとう!

0 投票する
2 に答える
34622 参照

asp.net - ASP.NET2.oページのjQueryログインモーダルポップアップ

ASP.NET Webページ(MVCではない)(HomePage.aspx)と別のページ(PRiceList.aspx)があります。ホームページにログイン機能があるので、ユーザーがサイトにログインすると、ホームページのリンクを使用して、pricelist.aspxページを簡単に作成できます。ログインせずにページにアクセスしている場合は、ログインするためのモーダルログインボックス(バックグラウンドが無効)を表示したいと思います。これはjqueryuiサイトで見ましたが、私のサイトでこれを実装する方法を教えてもらえますか?この方法を使用しているときにjavascriptを使用してユーザーの資格情報をサイトに送信しているので、これにセキュリティ上の問題はありますか(わかりません)。ご意見をお聞かせください。前もって感謝します

0 投票する
3 に答える
6126 参照

c# - メインページに移動するためのポップアップの Response.redirect

親ウィンドウでリンクを選択すると開くポップアップ ページがあります。ポップアップのページ読み込みハンドラーで何らかの例外が発生した場合、エラーはポップアップ ページではなく、親ウィンドウに移動する必要があります。ポップアップ ページで例外が発生しない場合は、ポップアップにコンテンツのみが読み込まれます。

1 つの ASP ページからエラー メッセージが表示されます。

ポップアップ ページの catch ブロック内のコード: