floatingWindow
浮遊するウィンドウを生成する
定義クラス
- floatingWindow
- 浮遊するウィンドウクラス
(リファレンス)
- アルファバージョンです。APIが変更される可能性があります。
サポート・ブラウザ
- Internet Explorer 6 for Windows ( 5 でもいけるはず）
- Opera 7.6 for windows
- Firefox 1.0 以上 for Windows
特徴
- floatingLayer にウィンドウっぽい飾り付け（タイトルバー）をします。
- タイトルバー以外をドラッグしてもウィンドウがドラッグされません。（通常の範囲選択等になる）
- タイトルバーにはクローズボタンがつきます。
- ボタンなどはカスタマイズできます。
- スタイルシート生成機能付き。
- [[resizegrip] をリンクしておくと、ウィンドウの右、下の縁でウィンドウをリサイズできるようになります。
用例
<![CDATA[<script src="xbrowser.js"></script>
<script src="floatingLayer.js"></script>
<script src="floatingWindow.js"></script>
<script>
function show(event){
if( !window.whuga ){
whuga = floatingWindow.get( 'huga' );
whuga.autohide=false;
whuga.setTitle( "hugahuge" );
whoge = floatingWindow.get( 'hoge' );
whoge.setPoint(200,200);
}
whuga.show(event);
}
document.write( '<style>' + floatingWindow.defaultstyles() +'</style>' );
</script>
<input type="button" onclick="show(event);" value="show huga">
<div style="display:none;">
<div id="huga" class="floatingWindow-client">
huga
<input type="button" onclick="floatingLayer.get( 'hoge' ).show();" value="show hoge">
</div>
<div id="hoge" style="background:#33F;">
<div class="floatingWindow-titlebar">
<span class="floatingWindow-titlecaption">Window Title</span>
<span class="floatingWindow-buttonpallet">
<span class="floatingWindow-button close">閉</span>
</span>
</div>
<div class="floatingWindow-client">
hoge
</div>
</div>
</div>]]>
リファレンス
リファレンス
ダウンロード
floatingWindow.js