問題タブ [modal-window]

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 投票する
2 に答える
2225 参照

php - マジェント製品ポップアップ

別のページに移動するのではなく、製品のポップアップ ウィンドウを作成したいと考えています。基本的に製品ビュー テンプレートのコピーを作成して、個別のモデルやブロックを作成することなく、ニーズに合わせて変更するための最良の方法についてアドバイスを求めています。バージョン 1.3.2.2 を使用しています。説明が必要な場合はお知らせください。

これを行うモジュールがあることは認識していますが、自分でやりたいと思います。一部は学習用です。

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

jquery - シンプルなモーダルウィンドウ+jQueryCookie

このプラグインjQuerySimpleModal Windowを使用して、モーダルウィンドウを表示します。また、jQuery Cookieプラグイン(jquery.cookie.js)を使用してCookieを設定します。jQuery Simple ModalWindowとjQueryCookieをどのように組み合わせることができますか?「続行」ボタンをクリックした後、Cookieが設定され、今後のモーダルウィンドウがユーザーに表示されないようにする必要があります。すみません、私は初心者です。

これは私のコードです:

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

javascript - フォームのjavascriptモーダルウィンドウ

フォーム専用のモーダルウィンドウを作成できる優れたJavaScriptライブラリをご存知ですか。

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

java - キーを押すとモーダルウィンドウを閉じます

ユーザーがキー(私の場合はESC)を押したときに、モーダルウィンドウを閉じられるようにしたいと思います。

キャンセルボタンのIDのクリックイベントを呼び出すキープレス用のJavascriptリスナーがあります。

これは正しい方法ですか?

Chromeでは動作しますがFFでは動作しないので疑問に思っていますが、それは私の特定の実装が原因である可能性があります。

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

javascript - ファンシーボックスでiFrameが2回開かない

最初の投稿 - こんにちは!fancybox ( Fancybox ホームページ) を使用して、モーダル ウィンドウを表示します。この div 内に iFrame を含む非表示の div を表示しようとしています。よく働く。リンクを 2 回目にクリックすると、iFrame が読み込まれません (404 エラーではなく、iFrame にコンテンツがないだけです)。誰でも助けることができますか?

重要なビット:

そしてHTML:

0 投票する
0 に答える
179 参照

firefox - yui に関する firefox 4.0.1 の問題

遅延読み込み機能を備えた YUI モーダル ウィンドウを使用しています。ほとんどすべてのブラウザで問題なく動作していますが、何らかの理由で firefox 4.0.1 では動作しません。問題が何であるかについてのアイデアはありますか?

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

jquery - Wicket ModalWindow: モーダルの外側をクリックして閉じる

ModalWindowユーザーがモーダルの外側をクリックしたときに、特定の条件が満たされた場合 (メソッドでサーバー側でチェックされた場合)、モーダルが閉じられるように動作を追加する必要がありますrespond()

この回答に基づいて何かを実装してみました。問題は、モーダルが表示されるまでDOMに追加されないため、クリックリスナーをモーダルウィンドウのdivにアタッチできないことです(例ではkeyup、をドキュメント自体にアタッチしています)。

ModalWindowを介して JS を拡張して追加しようと考えましたが、テスト用のメソッドgetShowJavascript()に接続する手段がありません。AbstractDefaultAjaxBehavior.respond()

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

jquery - モーダル ウィンドウ内での AJAX フォームの送信

ファンシーボックスを使用して、サイトでさまざまなフォームを送信するためのモーダル ウィンドウをポップアップ表示しています。ユーザーが登録ボタンをクリックすると、モーダルがポップアップして登録フォームが表示されます。送信をクリックすると、情報はjquery ajax呼び出しを介してデータベースに送られるはずです。ただし、送信をクリックすると、ページが更新され、送信されたデータが URL のメイン ページに GET として返されます。なぜこれが起こっているのか分かりません。

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

java - Window min -height -width の影響を受けないウィンドウ コンテンツ サイズ

Vaadin フレームワークを使用して Web アプリケーションを開発しています。ただし、モーダル ウィンドウとそのコンテンツには小さな問題があります。以下の写真で説明されているように:

リサイズを始める前に

モーダルウィンドウを小さくしながら

これは私のCSSです:

わかりましたので、CSS で min-height と min-width を持つように指定したウィンドウはサイズ変更の影響を受けませんが、その内容は影響を受けます! モーダルウィンドウの CONTENT をウィンドウの CSS 仕様に「耳を傾け」、サイズを小さくしすぎないようにするために使用できる Window CSS パラメータまたはその他のトリックを知っている人はいますか?

ありがとうございました!

編集: 生成されたマークアップと、Vaadin テーマによって提供される CSS を次に示します。

CSSは次のとおりです。

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

c# - ModalDialogウィンドウに垂直スクロールバーのみを表示しますか?

次のコードを使用してモーダルウィンドウを開きます。

ここで、プロパティスクロールには、[はい]と[いいえ]のオプションのみがあります。垂直スクロールバーのみが必要で、水平スクロールバーは必要ありません。これをどのように達成すればよいですか?

誰かがこの問題について私を助けることができますか?