■mamdragdrop.jsのダウンロード
mamdragdrop.js(4KB)ダウンロード■使い方
-
上記ボタンからmamdragdrop.jsをダウンロードします。
-
mam accordionを使いたいファイルで、
<script src="./js/mamdragdrop.js"></script>
のように、相対又は絶対パスでjsファイルを指定します。
-
class="mam_dragdrop"を指定したtableエレメントを設定します。
<table class="mam_dragdrop"> <thead> <tr> <th>列タイトル1</th> <th>列タイトル2</th> </tr> </thead> <tbody> <tr> <td>ここをマウスでドラッグ出来ます1</td> <td>ここもドラッグ出来ます1</td> </tr> <tr> <td>マウスでドラッグ出来ます2</td> <td>マウスでドラッグ出来ます2</td> </tr> <tr> <td>ドラッグドロップできる3</td> <td>ドラッグドロップできる3</td> </tr> <tr> <td>ドラッグ可能4</td> <td>ドラドラッグ&ドロップ可能4</td> </tr> </tbody> </table>
■使用例
テーブルの行をドラッグ&ドロップして、行を移動させることが出来ます。CTLRLキーを押しながら行をドラッグ&ドロップするとコピーになります。
ALTキーを押しながら行をクリックすると、行削除になります。
列タイトル1 | 列タイトル2 |
---|---|
ここをマウスでドラッグ出来ます1 | ここもマウスで出来ます1 |
マウスでドラッグ出来ます2 | マウスでドラッグ出来ます2 |
ドラッグドロップできる3 | ドラッグドロップできる3 |
ドラッグ可能4 | ドラドラッグ&ドロップ可能4 |