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>

◆参考文献・デモ

◆ダウンロード・デモ

スポンサードリンク

コメント