jQuery を使ったフローティングポップアップ

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/

  

  fujisawa.homedns.org
• とても使いやすいフローティングウィンドウ/コンテンツ表示/SolidStateEveryday – Ajax,javascript,UIサンプルとチュートリアル – :
  
  

  http://solidstate.jp/ContentsDisplay/floatingBox/script_88.html

  

  solidstate.jp

◆ダウンロード・デモ

• フローティングポップアップウィンドウを簡単に実装するJavascript | CSS-EBLOG :
  
  

  301 Moved Permanently

  

  css-eblog.com
• [DEMO] フローティングポップアップウィンドウ :
  
  

  301 Moved Permanently

  

  css-eblog.com