問題タブ [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.
html - オーバーレイがクリックされたときにモーダル オーバーレイを非表示にするにはどうすればよいですか?
ポップアップでモーダル ウィンドウを使用している Web サイトがあります。
横の予告編画像をクリックすると、モーダルがポップアップします。ただし、閉じたい場合は、モーダルのリンクをクリックする必要があります。
黒いオーバーレイをクリックするとモーダルが消えるようにするにはどうすればよいですか? 助けてください。
ここにhtmlがあります:
これが私のJavascriptです(モーダルの機能とは関係ありません。他のdivのスタイルを変更するだけです):
silverlight - Lightswitch モーダル ウィンドウ
標準の CreateNewEntity 画面があります。エンティティには、他のタイプのエンティティのリストを含めることができます。デフォルトでは、ユーザーが別のエンティティをコレクションに追加したい場合にモーダル ウィンドウを開く追加ボタンがあります。ただし、デフォルトのモーダル ウィンドウには必要な機能の一部が欠けていたため、少し調査しました。デフォルトのモーダル画面は変更できないことがわかりました。そこで、素敵なカスタム モーダル ウィンドウヘルパー クラスを見つけました。問題は、必要なロジックを適用するためにモーダル ウィンドウ フィールドにアクセスできないように見えることです。関連する 2 つのドロップダウン リストがあります。1 つを変更すると、他のドロップダウン リスト オプションが制限されます。私はこの特定の部分で立ち往生しています:
「DodavanjeParcele」はカスタムモーダルウィンドウです。この前に、モーダル ウィンドウがインスタンス化され、初期化されます。ボタンをクリックするとポップアップし、期待どおりに機能します。欠けているのは上記のルールだけです。ルールを定義するために、モーダル ウィンドウ フィールドの変更イベント ハンドラーを設定する必要があります。上記のように、IProxy を標準の Windows コントロールとしてキャストしようとしました。ここで行き詰まりました。コントロール フィールドにアクセスしてイベント ハンドラを設定する方法が見つからないようです。何かご意見は?
ajax - yii でのサーバー側の検証後にモデル ウィンドウにエラーを表示するためのログイン フォームが機能しない
jQueryを使用してクライアント側の検証を行うchtmlテキストフィールドを使用するモジュールにログインフォームがありますが、ユーザーが存在せず両方のフィールドを入力すると、ログインURLにリダイレクトされ、モーダルポップアップにエラーが表示されません。
メインレイアウトでajax経由でモジュールログインを呼び出しています。任意のページに配置でき、ログインを完全に呼び出します。
ただし、ログイン資格情報が間違っている場合、機能しないのはサーバー側の検証だけです。ユーザー/ログイン ページにリダイレクトし、モーダル ウィンドウにサーバー側の検証エラーを表示しません。
それはログインフォームであり、サインアップフォームではありません.
selenium-webdriver - Selenium Web ドライバー 2.41 を使用して Apache Wicket 6.X モーダル ウィンドウを管理およびアクセスする方法
コンソールが Apache Wicket 6 で開発された Web アプリケーション上で Selenium 2.41 との統合テストを実行しており、Selenium Firefox Web ドライバーのインスタンスを作成しました。
有名な Wicket ModalWindow を呼び出すページがあります。特に、ボタンをクリックすると、何かを編集または作成するための odal ウィンドウ ページが表示されます。モーダル ウィンドウには、2 つの入力テキスト フィールドと [保存] ボタンがあります。Selenium では、これらのテキスト フィールドに何かを入力しようとしていますが、モーダル ウィンドウにしかアクセスできません。
次に、Selenium Webドライバーコントロールがメインページにスタックするため、(いくつかのインターネットの例に従って)開いているモーダルウィンドウでコントロールを「切り替える」ためにこのコードを書きました:
私も試しました:
と
seleniumDriver.switchTo().alert();
しかし、それを機能させる方法はありません。実際、ウィンドウ ハンドルのリストには、2 つの要素 (メイン ページとモーダル ページ) ではなく、メイン ページの 1 つの要素しかなく、モーダル ウィンドウでテキスト フィールドを見つける方法はありません。ボタンを押します。私のコードの残りの部分は機能していることを指摘します。私はモーダル ウィンドウでのみ作業することはできません。私の質問は次のとおりです。Selenium 2.41でAPACHE WICKET 6モーダルウィンドウを管理するにはどうすればよいですか? コントロールをメイン ページから APACHE WICKET 6 モーダル ウィンドウに切り替える方法はありますか?
javascript - モーダル ウィンドウのクローズ アクションで clearInterval を使用できません
Foundation のモーダル ウィンドウを使用していますが、ウィンドウを開くと 3 秒ごとにアラートが表示されます。ポイントは、モーダルウィンドウを閉じるときの間隔を無効にしたいということです。次のことを試しましたが、clearInterval関数が機能していないようです(モーダルが閉じられた後もアラートが生成されます):