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/
  • とても使いやすいフローティングウィンドウ/コンテンツ表示/SolidStateEveryday – Ajax,javascript,UIサンプルとチュートリアル – :
    http://solidstate.jp/ContentsDisplay/floatingBox/script_88.html

◆ダウンロード・デモ

関連記事

スポンサードリンク

Comments

コメントを残す

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