コメント( 3 ) | トラックバック( 0 )

※ 06.09.23追記

このプログラムが新しくなって登場しましたので、こちらの記事で改めて紹介しています。

Prototype Javascript Windowsがパワーアップ。「Prototype Window Class」: Recently Ajax

普通、リンクなどで新しいウィンドウを開くときは target="_blank"という属性をつけたリンクタグを使います。
BlogXilinusが、レイヤーを使ったスタイリッシュなウィンドウを開くライブラリを提供しています。

Prototype Javascript windows / Blog Xilinus

使い方は、ファイルをダウンロードして、JavaScriptと CSSファイルをそれぞれ配置します。
そして、同梱されているサンプルファイルを参考に、自分のサイトに組み込みます。

すると、こんな風に新しいウィンドウを開くことができます。

エイチツーオー・スペース
※ 動かなくなりました

作ったプログラムはこんな感じ。ぜひお試しください。

<script type="text/javascript" src="/_engines/js_library/effects.js"> </script> <script type="text/javascript" src="/_engines/js_library/window.js"> </script> <script type="text/javascript" src="/_engines/js_library/debug.js"> </script> <link href="/_css/miniwin_theme/default.css" rel="stylesheet" type="text/css" ></link> <link href="/_css/miniwin_theme/theme1.css" rel="stylesheet" type="text/css" ></link> <script> function openWindow() { win2 = new Window('dialog2', {className: "dialog", title: "エイチツーオー・スペース", top:100, left:100, width:600, height:400, zIndex:150, opacity:1, resizable: true, url: "http://www.h2o-space.com/"}) win2.show(); } </script>

はてなブックマークに保存

[PR] Recently Ajaxメルマガ限定、人気記事ランキング