問題タブ [modalpopups]

私はモーダルポップアップを実装する必要があるこのASP.Netに取り組んでおり、これを達成する方法をためらっています。さまざまな解決策を考えていますが、十分にエレガントではありません。

まず、モーダル ポップアップを表示するために ASP.Net ModalPopupExtender を使用するか、jQuery を使用するかをためらっています。私は jQuery を好みますが、非互換性が心配です。一方、以前に Modal Popup Extender を使用したときは、コードが少し複雑であることに気付きました。マイクロソフトのものは、彼らがやるべきだと彼らが考えるように物事を行うときはうまく機能しますが、ほとんどの場合、私が得る要件は、マイクロソフトのコントロールがそのままでは機能しないさまざまなシナリオに対するものです。

次に、部分的な HTML をロードするか、モーダル ポップアップで iFrame を使用するかをためらっています。モーダルポップアップを制御し、iFrame内のボタンを押してモーダルポップアップを閉じるなどのことを行うのは少し複雑なので、iFrameの使用は避けたいと思います（私はそれを行う方法を知っています、しかし、私はそれらが少し厄介だと思います）。ただし、次の例に示すように、iFrame を使用せずに一連のコンテンツ ページをモーダル ポップアップ内に表示する方法がわかりません。それはできますか？

最初に、モーダル ポップアップを開くためのリンクを含むメイン ページがあります。 最初のモーダル ポップアップでは、いくつかの情報が表示され、ポップアップを閉じたり、処理を開始したりできます 。処理中にモーダル ポップアップにメッセージが表示されます。 処理が完了すると、結果の概要がポップアップに表示されます。この時点で、リンクをクリックして詳細を表示するか、ボタンをクリックしてモーダル ポップアップを閉じること ができます。ユーザーがリンクをクリックして詳細を表示すると、モーダル ポップアップに表示されます。上。ポップアップのサイズを変更する必要があります。

上から下までの私のjQMページの基本的な説明（この質問の最後にコードがあります）：

1. ボタンと、ボタンをクリックすると開くポップアップを含むヘッダー バー。
2. 1 ～ 4 個の HTML5 キャンバスを含む領域。キャンバスは追加/削除でき、動的にサイズ変更されてウィンドウの中央部分を隙間なく埋めます。
3. いくつかのボタンとスライダーを含む div。すべてのキャンバスには display:block 属性があり、キャンバスが 2 ～ 4 個ある場合は、一部に float:right 属性が与えられます。キャンバスが1つしかない場合、以下の問題は発生しません。

すべてが正しい位置にあり、ウィンドウのサイズが変更されると動的にサイズが変更されます。ボタンがクリックされる前は、すべて問題ありません。ボタンをクリックすると、ポップアップは正常に表示されますが、4 つのキャンバスがブロック象限から外れて、スクロールバーが表示されるポイントまでページが引き伸ばされます。不思議なことに、元に戻してから最大化すると、キャンバスが正しい位置に戻り、ポップアップが必要な場所に残ります。ポップアップを閉じて開くたびに、キャンバスが再びずれてしまいます。

画像リンクについては申し訳ありませんが、それらを埋め込むという評判はありません。

ポップアップを開く前に:

ポップアップを開いた後：

復元してから最大化すると、最初に望んでいたものが得られます:(評判のために3番目のリンクを追加できません。元のレイアウトの上にポップアップが正しく表示された最初の2つの画像の組み合わせを示しています)

ポップアップ用の HTML (これは私が実際に使用するものを簡略化したものですが、同じ効果があります):

ポップアップの JS:

これを 1 つの質問にまとめると、なぜ jQM ポップアップを開くとバックグラウンド レイアウトに影響するのでしょうか?

生成ボタンをクリックすると、フォームにポップアップが表示されます。ポップアップが表示されると、背景がフェードするはずです。

以下は、生成ボタンを含むフォームです。

 

                                                   

 

生成ボタンをクリックするたびに、ポップアップとして表示したい別のjspページを呼び出すjavascript関数が呼び出されます。

そのjspページは

誰でもこれを行う方法を教えてもらえますか?

モーダル ポップアップに jQuery 'UI 1.8.11' を使用していますが、画面に表示されるモーダル ポップアップの幅を変更したいと考えています。

モーダルが開いたときに生成されるクラス「ui-widget-overlay」を使用して、div のインライン スタイルを変更したいと考えています。高さと幅は、ウィンドウの高さと幅に設定されます。

「jQuery UI 1.8.11」で高さと幅を設定する場所がわかりません。

この問題を解決するためにほぼ 2 日を費やしました。動的なチェックボックス リスト (データベースから生成) を含むモーダル ポップアップと、モーダル ポップアップの閉じるボタンがあります。私が欲しいのは、ユーザーが「閉じる」ボタンをクリックすると、モーダルポップアップが閉じられますが、同時に、選択したすべてのチェックボックスの値を取得して文字列に保存したいということです。

jQuery関数:

問題は、閉じるボタンをクリックすると、モーダル ポップアップが消えたが、btnHide_Click メソッドの変数「名前」に値が保存されないことです。モーダルポップアップからこの関数に選択されたチェックボックスを取得するにはどうすればよいですか? このコードの何が問題になっていますか?

私を助けてください。

これを行うにはもっと効率的な方法があることは知っていますが、この方法で行うのには理由があります。モーダルポップアップウィンドウがあります。訪問者がページをロードするとすぐにこのウィンドウがポップアップするようにします。現時点では、index.php#login_form に移動するリンクをクリックすると、ウィンドウにアクセスして開きます。

「#login_form」は、ページの読み込み時に URL を追加したいものです。次に、ポップアップが最初にロードされたら、終了することを選択できます。

CSSやコードを大幅に変更することなく、これをより効率的に行う方法はありますか?

ありがとう！

モーダルを使用しangular-bootstrapていますが、モーダル背景に問題があります。私はangular-bootstrapに慣れていないので、誰かが私を助けてくれることを願っています.

モーダル背景をクリックすると、モーダルポップアップが非表示になりますが、キャンセルをクリックするまでモーダル背景を保持したいと思います。

モーダルポップアップコードはこちら

誰もがこれに対する解決策を提案してください。

ありがとう

私は、値を ajax iframe に渡す必要があります。これには Bpopup の loadData メソッドを使用します。

問題はこれです:変数をターゲットのajaxフレームに渡す方法がわからないため、モーダルが表示されたら、その値をキャッチしてjQuery経由で処理します

誰かが Bpopup を使用した経験がある場合は、この場合に助けてください。Bpopup は優れたモーダルであり、実際のプロジェクトで使用しているため、これは Bpopup API に関する詳細な URL です。

http://webcache.googleusercontent.com/search?q=cache%3Adinbror.dk%2Fblog%2F&oq=cache%3Adinbror.dk%2Fblog%2F&aqs=chrome..69i57j69i58.1553j0j4&sourceid=chrome&espv=210&es_sm=122&ie=UTF-8

PS: このメモを書いたとき、この方向はオフラインでしたhttp://dinbror.dk/blog/bpopup

実現化:

ウェブサイトは現在オンラインです。理由なしに否定的に判断しないでください。コメントしてください