*

備忘録:prettyPopinで開くポップアップが元のページより縦長の場合

公開日: 備忘録

久々の更新です、ご無沙汰しています。

とある案件で、ポップアップウィンドウを多用する物があったので
昔から使っているprettyPopinを使用して開発を行なっています。

開かれたポップアップが元のページの高さよりも長い場合が発生することがあるかと思いますが
その場合、背景のオーバーレイが元のページの高さまでしか表示されません。

そこで改造!!

popupするウィンドウの高さは
[popinHeight]という変数に格納されているので

displayPopinのfunctionのページ表示の後に以下を追加

if($(document).height() > popinHeight){
    $('#overlay').css('height',popinHeight+projectedTop+projectedTop);
}

これで元のドキュメントの高さよりもポップアップするウィンドウの高さが長い場合にポップアップするウィンドウの高さ+上下のマージン高さをプラスしたオーバーレイが出来上がります。

簡単でしたね・・・

ad

関連記事

使い勝手の良いアクセス解析 Research Artisan Lite

備忘録です。 アクセス解析ソフトはいろいろありますが 最近のデフォルトは 「Goo

記事を読む

WordPressのダッシュボードでJetpackのアクセス解析グラフが表示されない

サッカーワールドカップの組み合わせ抽選会速報なんて書いちゃいました。注目キーワードにあやかって

記事を読む

MAC osx10.9 MavericksとiPhoneで地図情報を共有

osx10.9で「map」がmacにも追加されましたが、皆さんお使いですか? iPhoneをお

記事を読む

MAC OSX10.9 Mavericksをクリーンインストール・USBメモリ編

先日、Mac OSX10.9 MavericksをMBAにクリーンインストールを書きましたが、iMa

記事を読む

PHP:ソケット通信サーバ・テスト用シミュレータの作成

久々にPHPでソケット通信アプリを開発してます。WEBシステムで管理ページを開発し、設定内容をDBで

記事を読む

MAC OSX10.9 MavericksをMBAにクリーンインストール

MacBookAir late2010に最新のOS「Mavericks」をインストールしましたので、

記事を読む

jquery:autocompleteの改造

久々の更新です。個人的な備忘録なので、あしからず・・・(こうやったほうが、良いよ!!というご意見はど

記事を読む

備忘録:prettyPopinで開くポップアップページに画像を表示する場合の注意点

「iPad Air」「iPad Mini Retina」来月発売ですね。皆さんは購入されますか?私は

記事を読む

no image

備忘録:jQueryのlive-clickがiPadで効かない

ちょっと忙しく、ブロクが更新できていませんが jQueryを利用してiPadでのウェブアプリケ

記事を読む

jQuery tooltipの備忘録

Concrete5の外部フォームの記事は業務多忙の為、遅れています。期待している方がもしもいらっしゃ

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スパム対策 * Time limit is exhausted. Please reload the CAPTCHA.

ad

忙しときに限って、PCがこわれる・・・

久々の投稿 忙しいときに限って、PCが壊れるのは昔から・・・・

年末年始休業のお知らせ

平素は、弊社製品をご愛顧いただき、ありがとうございます。 誠に勝

年末年始休業のお知らせ

平素は、弊社製品をご愛顧いただき、ありがとうございます。 誠に勝

夏季休業のお知らせ

夏季休業のお知らせ 平素は、弊社製品をご愛顧いただき、ありがとう

臨時休業のお知らせ(3月30日〜4月1日)

平素は、弊社製品をご愛顧いただき、ありがとうございます。 誠に勝手な

→もっと見る

PAGE TOP ↑