2

特定のWebページが開かれたときにポップアップが表示され、そのポップアップから値を選択するまで、バックグラウンドのWebページで何かを行うことができず、このWebページの実行が停止するまで停止する方法です。ポップアップは彼らのものです。私はこれを見つけました ：

win2 = window.open("popup_choose_template.html", "Window2", "width=310,height=600,scrollbars=yes");

しかし、それは閉じたり無視したりすることができる別のWebページのようなものです.
より良い方法は何ですか？

4

3 に答える 3

3

Modal Dialog で jQueryUI を使用できます。

例えば：

$( "#dialog-confirm" ).dialog({
    height:140,
    modal: true,
    buttons: {
        "Ok": function() {
            $( this ).dialog( "close" );
        },
        Cancel: function() {
            $( this ).dialog( "close" );
        }
    }
});

すべてのバックグラウンド ページを無効にし、ユーザーに何らかの操作を強制します。

于 2012-09-28T07:51:02.597 に答える
1

おそらく最も簡単な方法は、JQuery UI を使用し、モーダルを true に設定して Dialog コントロールを使用することです。これにより、背景が暗くなり、無効になったポップアップ ウィンドウが表示されます。

http://jqueryui.com/demos/dialog/#option-modal

それ以外の場合は、手動で行う場合は、100% の幅と高さの div を追加し、絶対位置を黒の背景色、部分的な透明度、およびページの残りの部分よりも高い z-index で配置します。この div を body に追加し、ポップアップの z-index がブラックアウト div よりもさらに高いことを確認します

編集

絶対ではなく固定位置のdivが必要です...次のように：

<div id="blackout" style="position:fixed; width:100%; height:100%; z-index:100; background-color:black; opacity:0.5;"></div>

これは、すべての通常のページ要素の z-index が 100 未満であり、ポップアップの z-index が 100 を超えると仮定しています。js popup 関数を使用して body に追加し、適切な選択で削除します。

于 2012-09-28T07:51:11.927 に答える
1

モーダルパネルのようなものを使用できます。

jQueryダイアログと同様

于 2012-09-28T07:51:23.143 に答える