resizegrip
エレメントをマウスでリサイズできる透明グリップ
定義クラス
- resizegrip
- エレメントをマウスでリサイズできる透明グリップ
(リファレンス)
サポート・ブラウザ
- Internet Explorer 5.0 - 6.0 for Windows
- Opera 7.6 for windows
- Firefox 1.0 for Windows
特徴
- 任意のエレメントの右、下に、サイズを変更できる透明なグリップハンドラを生成します
- ドラッグ＆ドロップでエレメントのサイズを変更できるようになります。
- floatingWindow などもリサイズできるようになります。
用例
<![CDATA[<script src="xbrowser.js"></script>
<script src="resizegrip.js"></script>
<form>
<textarea name="textbox"></textarea>
<input type="button" value="<-- set resize handler" onclick="init(this);">
<div id="testbox" style="height:100;width:120;border:20px solid #080; margin:5px; padding:5px">
<div style="background:#880;">test</div>
</div>
</form>
<script>
function init(button){
var el = button.form.textbox
if( ! el.resizegrrip ){
el.resizegrrip = new resizegrip( el );
el.value='resizeable';
el = xdom.get('testbox');
el.resizegrrip = new resizegrip( el );
}
}
</script>]]>
リファレンス
リファレンス
ダウンロード
resizegrip.js