タグ

2011年7月22日のブックマーク (2件)

  • JKL.Resizable - サイズ可変エレメント

    Kawa.netxp JKL.Resizable - サイズ可変エレメント エレメントの右端・下端・右下隅をマウスでドラッグして、 縦・横のピクセル数を変更できるようにします。 Internet Explorer 6.0、 Firefox 1.0、 Opera 8.0 で動作確認をしています。 ブラウザ依存の制限として、 Opera 8.0 ではエレメントの横幅を縮小(←)することはできません。 エレメントの横幅拡大(→)や、高さ拡大(↑)縮小(↓)はできます。 Opera 8.0 以外では、横幅の縮小も問題ありません。 エレメントの上端・左端を利用したサイズ変更はできません。 右端・下端のみドラッグ→サイズ変更できます。 ダウンロード JKL.Resizable は、下記アーカイブ中の jkl-resizable.js 単独で動作します。 jkl-resizable-0.04.tar.g

  • ドラッグ操作でHTML要素のサイズ変更

    ドラッグ操作でHTML要素のサイズ変更 四辺の枠線上にマウスポインタを合わせると、ポインタ形状が ↑,↓,←,→に変化します。 この形状の時だけドラッグ操作でサイズを変更できる。 (特記)縦横の幅が30ピクセル以下には小さくできないよう設定しています。この設定をしていないと、小さくした場合おかしな動作になり、思い通りのサイズ変更ができなくなる。  info1 info2  <script language="JavaScript"><!-- var dvt;        //DIV要素のTop位置 var dvl;        //DIV要素のLeft位置 var dvw;        //DIV要素の横幅(width) var dvh;        //DIV要素の高さ(height) var flg = 0;    //マウスの形状を区別