別のポップアップ ウィンドウではなく、リンクを使用してオーバーレイを開こうとしています。このオーバーレイは、画面全体がクリックされないようにブロックする半透明の div レイヤーで構成する必要があります。また、この時点でスクロールを無効にすることも目指しています。メイン ページのどこにいても、リンクがクリックされたときに、オーバーレイは画面の X 原点と Y 原点の中央にある必要があります。このオーバーレイ div の内部には、3 つのサイズのコンテンツをロードできるように構成された iframe が必要です。
6 に答える
http://onehackoranother.com/projects/jquery/boxy/
jQuery.boxyは、もう1つの優れた軽量のモーダルダイアログプラグインです。
Shadowboxは、インラインの「ポップアップ」用の優れたスクリプトです。通常の JS ライブラリ (jQuery、Prototype など) を使用するか、独自にかなり包括的なスキニング システムを使用する場合は、通常の JS ライブラリのいずれかで動作するため、ソース コード自体に入る必要なく外観を適応させることができます。
また、これは、私が試した唯一のスクリプト (数十あります) であり、すべての通常のブラウザーで確実に動作します。
スクロールが無効になることはありません (通常のページの背景スクロールが暗いオーバーレイを介して表示されます) が、「ポップアップ」はいずれにしても画面に固定されたままになります。
私は通常これにThickBoxを使用します。ユーザーがJSをオンにしていない場合、これは非常にうまく機能し、うまく機能しません。
jQueryを使用しますが、Googleからロードできます:http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.jsそしておそらくキャッシュの恩恵を受けることができます。
SubModalと呼ばれる、私が書いた古い JS ライブラリをチェックアウトすることをお勧めします。
理解しやすく、変更しやすい。町に行く ;)
改造したら、サーバー上でMinifyと gzip を組み合わせて使用します。ライブラリのサイズは非常に小さいです。
ThickBox(現在は開発されていません)は、非常にうまく機能しているように見えるこのライブラリに私を導きました:
JavaScript extライブラリを取得します。モーダルなオーバーレイの機能があります。