問題タブ [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 投票する
1 に答える
149 参照

css - ループ リストでの div の使用

だから私は現在、MVC 4 ListView でリストを表示するこのプロジェクトに取り組んでいます。私のフィールドの 1 つに大量のデータがあるため、この情報をテーブルに表示する代わりに、表示する CSS モーダル ウィンドウを作成しました。ListView とクリック可能なモーダル ビューを使用した HTML のスニペットを次に示します。

このチュートリアルのこのテイクを使用して、モーダル ウィンドウを作成しました。

ただし、リンクをクリックして XMLText を表示すると、すべての行の最初の XMLText が異なるはずのときに表示されます。div なしでこれを通常どおり表示していた場合、すべての XMLTexts が列の正しい要素です。なぜこれが機能しないのか理解できないと思います (リンクのせいで隠し div になっているためですか?) 説明と、XMLText を適切に表示する方法についてのガイダンスを探していました。

CSSに関しては、チュートリアルに正確に従ったので、私のリンクを参照してください。助けていただければ幸いです、ありがとう!


再更新:

私のテーブルのフィールドの下の提案を実装すると、次のようになります。

提案どおりに追加し.showhidexmlmodal、CSS を更新しました。

このコードは現在、正しい XML テキストを表示していますが、私の黒いカバー #xmlmodal は表示されていません。助言がありますか?

xmlmodal id に対応する css を無視します。

(新しい視聴者への免責事項:私はWebプログラミングとdivsの概念に非常に慣れていません)

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

html - html5+トランジションのモーダルウィンドウ

メニューに html5 のモーダル ウィンドウを使用していますが、トランジションが機能しません。エラーを見つけるのを手伝ってください。

ここにオンラインリダクターの例があります

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

java - モーダル ウィンドウの後のウィケット モーダ ウィンドウ

私はウィケットが初めてで、モーダルウィンドウに問題があります。私がやろうとしているのは、ページ上のボタンをクリックしてユーザーをリストから削除すると、モーダルウィンドウが表示され、確認ボタンをクリックした後、ユーザーを削除するかどうかを尋ねられ、ユーザーはリストから削除され、ウィンドウが閉じられますが、削除操作の失敗 (いくつかの例外)、2 番目のモーダル ウィンドウが表示され、どの例外がスローされたかが通知され、最初のウィンドウが自動的に閉じられる必要があります (または、2 番目の [続行] ボタンをクリックすると、両方とも閉じられる必要があります)。私の問題は、キャンセルボタンをクリックした後にのみ最初のウィンドウが閉じられ、解決方法がわからないことです。私のコードは次のようになります。

助けてくれてありがとう。

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

html - HTML5 CSS3 モーダル ウィンドウ、外側をクリックすると閉じる

HTML5 と CSS3 で作成された Keenan Payne が説明するモーダル ウィンドウを使用します。ユーザーがモーダル ウィンドウの外側の暗い背景をクリックすると、ウィンドウが閉じます。誰もこれを行う方法を知っていますか?

Keenan Payne によるモーダル ウィンドウ: http://www.webdesignerdepot.com/2012/10/creating-a-modal-window-with-html5-and-css3/

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

wicket - ウィケットのモーダルウィンドウからドラッグ可能なプロパティを削除するにはどうすればよいですか

私はウィンドウからドラッグ可能なものを削除したいmodal windowというプロパティを持つウィケットを初めて使用しています。draggable

前もって感謝します

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

javascript - javascriptでモーダルウィンドウの後ろのフォームをクリアするには?

質問が言うように、モーダルが起動している間にモーダルウィンドウからフォームをクリアしようとしています。私はもう試した:

(1 TB 以上を実行する必要がありますが、そこにたどり着くためだけに使用しました。運が悪いです。

iFrame に含まれているので、次のことを試しました。

別のスタック オーバーフローの回答から盗んだ ClearForm(form) 関数:

その「text2」は、入力されたままにしておく必要がある特定の tb の 1 つです。

私が見逃しているものはありますか?私はこのバグに何週間も悩まされてきました。

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

javascript - モーダル ウィンドウを閉じる

モーダルウィンドウを使用してログインを呼び出しています(Worpressではありますが、別のサービスへのログインです)。モーダルウィンドウを閉じるためのボタンを追加しようとしています - うまくいくように見えますが、そうではありません...アイデアはありますか?

使用しているjsは次のとおりです。

閉じるボタンの html:

そしてCSS: