投稿日：2013年6月18日 更新日：
久々の更新です、ご無沙汰しています。
とある案件で、ポップアップウィンドウを多用する物があったので
昔から使っているprettyPopinを使用して開発を行なっています。
開かれたポップアップが元のページの高さよりも長い場合が発生することがあるかと思いますが
その場合、背景のオーバーレイが元のページの高さまでしか表示されません。
そこで改造！！
popupするウィンドウの高さは
[popinHeight]という変数に格納されているので
displayPopinのfunctionのページ表示の後に以下を追加
if($(document).height() > popinHeight){
$('#overlay').css('height',popinHeight+projectedTop+projectedTop);
｝
これで元のドキュメントの高さよりもポップアップするウィンドウの高さが長い場合にポップアップするウィンドウの高さ＋上下のマージン高さをプラスしたオーバーレイが出来上がります。
簡単でしたね・・・
執筆者：Shindo
関連記事
備忘録 いろいろな管理画面を開発している重宝する「Datepicker」ですが 過去のプロジェクトからコピペして新しいプロジェクトでも利用しています 過去のプロジェクトを開くのも面倒なので備忘録として …
備忘録：jQueryで追加されたDOM要素にイベントを割り当てる
jQueryを多用して、WEBベースの管理システムを開発中です。 append等で、初期表示されたHTMLに要素を追加する際の注意点 Javascriptでは初期表示された際の各要素にはイベントが割り …
MAC OSX10.9 MavericksをMBAにクリーンインストール
MacBookAir late2010に最新のOS「Mavericks」をインストールしましたので、インストール手順を簡単に公開します。 インストール環境 MacBook Air Late 2010 …
iMacの再インストールが終わりましたが 色々と環境設定が残っています。 今日は私が使っているIDEのEclipseにテーマを適用する方法の備忘録 Eclipseのエディターはデフォルトのままでは背景 …
久々の更新です。個人的な備忘録なので、あしからず・・・（こうやったほうが、良いよ！！というご意見はどしどしください） 最近はjqueryを表示に重宝しています。 仕事柄、WEBシステムの管理画面を多く …
