8月
16
2010
jQuery を使ったフローティングポップアップ
投稿者: admin, カテゴリ: JavaScript, tags: Ajax, CakePHP, HTML・CSS, JavaScript, jQuery投稿日: 2010.08.16 - 08:40
更新日: 2011.02.01 - 21:27
jQuery を利用してフローティングポップアップを行うライブラリ。ライセンスはMITライセンス。内容は多彩であり、デザインもよい。使用するだけでワンランク上のシステムに感じる（かも）
スポンサードリンク
◆CakePHPから利用する場合
◇CSS内を書き換える：
前： background: url(image/pw_tbar_l.png) left top no-repeat;
後： background: url(‘../../img/popupwindow/pw_tbar_l.png’) left top no-repeat;
◇Viewのサンプル：
echo $html->css(‘popupwindow/popupwindow’);
echo $javascript->link(‘popupwindow/jquery-1.2.6.min’);
echo $javascript->link(‘popupwindow/popupwindow-1.8.1′);
<a href=”/items/select” onclick=”new $pop( this.href, { type: ‘iframe’, title: ‘test’, width: 900, height: 400 } ); return false;”>iframeTest</a>
<a href=”javascript:;” onclick=”new $pop( ‘ModalTest’, { type: ‘alert’, title: ‘ModalTest’, modal: true } );”>ModalTest</a>
◆参考文献・デモ
- サンプル：ポップアップウィンドウ :
http://fujisawa.homedns.org/sample/window/
- とても使いやすいフローティングウィンドウ/コンテンツ表示/SolidStateEveryday – Ajax,javascript,UIサンプルとチュートリアル – :
http://solidstate.jp/ContentsDisplay/floatingBox/script_88.html
◆ダウンロード・デモ
- フローティングポップアップウィンドウを簡単に実装するJavascript | CSS-EBLOG :
http://css-eblog.com/javascript/floating-popup-window.html - [DEMO] フローティングポップアップウィンドウ :
http://css-eblog.com/eblog_sample/0812/popupwindow/
関連記事
- フローティングポップアップを閉じる
- [Javascript] Selected を変更する
- VisualBasic コンピュータの詳細情報を得る
- [WordPress] 用語集プラグイン – IMM-Glossary
- [Javascript] UnixTimeをDateへ変換する
- [PHP] 行ごとに背景色を変える
- JavascriptでUnixTime
スポンサードリンク
エントリ (RSS)