nazono.buttondrag [javascript] nazoking

buttondrag

エレメントをマウスでドラッグ&ドロップ

定義クラス

buttondrag
エレメントをマウスでドラッグ&ドロップさせる
 (リファレンス)

依存ライブラリ

サポート・ブラウザ

特徴

用例

to from
can drag
<script src="xbrowser.js"></script> <script src="buttondrag.js"></script> <table border=1> <td id="to">to</td> <td id="from">from<div id="buttondrag" class="buttondrag">can drag</div></td> </tr></table> <script> buttondrag.onDragdrop=function(start,into){ if( into && start ) into.appendChild( start ); } function init(){ var containers = ['to','from']; var draggables = ['buttondrag']; buttondrag.init( draggables, containers ); } init(); </script> <style> .buttondrag{ border:2px solid #fff; cursor:move; background:#eee; display:block; width:180px; -moz-user-select: none; } .dragover{ border:2px solid #f00; } .dragging{ border-colir:red; } </style>

リファレンス

リファレンス

ダウンロード

buttondrag.js

top / nazo.yi.org / nazonoDiary