dragLay()
簡単にドラッグオブジェクトを作るためのサンプルファンクションです。
スクリプトはdrag/ホルダにdraglay.jsという名前で置いてありますのでSCRIPT SRCタグで呼び出して使います。
詳しくはソース内のコメントをご参照ください。
*このファンクションをコピーして<script>と</script>の間にペーストしておくだけでこの機能をクロスブラウザに利用できるようになります。
Cross-Browser のための Sample Function
Syntax : dragLay['レイヤー名'] = new dragLay('レイヤー名',x,y,'html')
<script type="text/javascript" src="./drag/draglay.js"></script>
dragLay['レイヤー名'] = new dragLay('レイヤー名',x,y,'html')
Example
<script type="text/javascript" src="./drag/draglay.js"></script>
<script type='text/javascript'>
<!--
/*********************************************************************
* クロスブラウザドラッグドロップのためのスクリプト
* dragLay 2002.4.14
* -------------------------------------------------------------------
* 言語 : JavaScript
* 対象Browser :
* Win n4 n6 moz e4 e5 e6 o6 o7,
* Mac n4 n6 moz e4.5 e5 s1,
* Linux n4 n6 moz
* -------------------------------------------------------------------
* drag ホルダを適当な場所にコピーしたうえで
* <script type="text/javascript" src="./drag/draglay.js"></script>
* で呼び出してご利用ください。
* 書式:
* dragLay['レイヤー名'] = new dragLay('レイヤー名',left,top,'html')
* 引数説明:
* ・レイヤー名 ドラッグドロップするレイヤーの名前
* ・left レイヤーの初期left位置
* ・top レイヤーの初期top位置
* ・html レイヤーの中へ表示するhtml
* 使用例:
* dragLay['b0'] = new dragLay('b0',10,10,'<img src="./tr2.gif" border="0">')
* -------------------------------------------------------------------
* Toshirou Takahshi tato@fureai.or.jp
* Support http://game.gr.jp/js/
* 改造は自由ですがバグやブラウザのバ−ジョンアップへの対応等の
* 情報には充分注意してご利用ください。
*/
//レイヤーの数だけdragLay[i]=...部分を増減して使ってください
dragLay['drag0'] = new dragLay('drag0',100,100,'<img src="./drag/tr2.gif" border="0">')
dragLay['drag1'] = new dragLay('drag1',200,100,'<img src="./drag/tr2.gif" border="0">')
dragLay['drag2'] = new dragLay('drag2',300,100,'<img src="./drag/tr2.gif" border="0">')
//-->
</script>