테이블에서 <tr> 태그 기준으로 드래그가 가능합니당....
단점이라면 nodrag nodrop 클래스가 제한적인것과 <td> 는 컨트롤이 안되는 단점이 있네요..
<html>
<html>
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="./jquery.tablednd_0_5.js"></script>
<script type="text/javascript">
<head>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="./jquery.tablednd_0_5.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#tlist").tableDnD();
});
</script>
</head>
<body>
<body>
<table id="tlist">
<tr><td>list1</td></tr>
<tr><td>list2</td></tr>
<tr><td>list3</td></tr>
<tr><td>list4</td></tr>
<tr><td>list5</td></tr>
</table>
<tr><td>list1</td></tr>
<tr><td>list2</td></tr>
<tr><td>list3</td></tr>
<tr><td>list4</td></tr>
<tr><td>list5</td></tr>
</table>
</body>
</html>
</html>
댓글 2개
13년 전
td 에 이미지를 넣고 이미지를 드래그해서는 안되는군요
그래도 멋진 기능입니다
활용처가 어떤 곳이 될지는 모르겠지만..
그래도 멋진 기능입니다
활용처가 어떤 곳이 될지는 모르겠지만..
13년 전
제 경우엔 음악 서비스를 여러 개 만들었는데, 트랙 정보를 보여주고 순서를 바꿀 때 항상 리스트+sortable을 사용했습니다.
http://j.mp/urJX1o
테이블의 컬럼을 이동할 때는 jQuery 플러그인은 아니지만 dragtable란 라이브러리를 쓸 수 있습니다.
개인적으론 아직 컬럼을 이동하는 케이스를 써먹은 적은 없었네요.
http://j.mp/v10js8
http://j.mp/urJX1o
테이블의 컬럼을 이동할 때는 jQuery 플러그인은 아니지만 dragtable란 라이브러리를 쓸 수 있습니다.
개인적으론 아직 컬럼을 이동하는 케이스를 써먹은 적은 없었네요.
http://j.mp/v10js8
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4130 |
진정한승리v
|
13년 전 | 1056 | |
| 4129 | 13년 전 | 1426 | ||
| 4128 |
onlymilk74
|
13년 전 | 620 | |
| 4127 | 13년 전 | 532 | ||
| 4126 |
visualp
|
13년 전 | 1249 | |
| 4125 |
visualp
|
13년 전 | 1584 | |
| 4124 | 13년 전 | 1656 | ||
| 4123 | 13년 전 | 821 | ||
| 4122 |
visualp
|
13년 전 | 638 | |
| 4121 |
visualp
|
13년 전 | 1790 | |
| 4120 |
visualp
|
13년 전 | 859 | |
| 4119 |
visualp
|
13년 전 | 1231 | |
| 4118 |
그래픽노블
|
13년 전 | 687 | |
| 4117 |
visualp
|
13년 전 | 745 | |
| 4116 | 13년 전 | 735 | ||
| 4115 |
visualp
|
13년 전 | 823 | |
| 4114 |
onlymilk74
|
13년 전 | 4627 | |
| 4113 | 13년 전 | 734 | ||
| 4112 |
그래픽노블
|
13년 전 | 857 | |
| 4111 | 13년 전 | 1506 | ||
| 4110 | 13년 전 | 676 | ||
| 4109 | 13년 전 | 469 | ||
| 4108 | 13년 전 | 842 | ||
| 4107 | 14년 전 | 2113 | ||
| 4106 | 14년 전 | 1586 | ||
| 4105 |
onlymilk74
|
14년 전 | 1407 | |
| 4104 | 14년 전 | 2839 | ||
| 4103 | 14년 전 | 1950 | ||
| 4102 | 14년 전 | 908 | ||
| 4101 | 14년 전 | 973 | ||
| 4100 | 14년 전 | 929 | ||
| 4099 | 14년 전 | 1027 | ||
| 4098 |
Lonnie
|
14년 전 | 520 | |
| 4097 | 14년 전 | 823 | ||
| 4096 | 14년 전 | 972 | ||
| 4095 | 14년 전 | 2521 | ||
| 4094 | 14년 전 | 837 | ||
| 4093 | 14년 전 | 569 | ||
| 4092 |
 TopSchooL |
14년 전 | 592 | |
| 4091 | 14년 전 | 2936 | ||
| 4090 | 14년 전 | 729 | ||
| 4089 |
 신현종실장 |
14년 전 | 1437 | |
| 4088 | 14년 전 | 1440 | ||
| 4087 | 14년 전 | 639 | ||
| 4086 | 14년 전 | 1359 | ||
| 4085 | 14년 전 | 749 | ||
| 4084 | 14년 전 | 854 | ||
| 4083 | 14년 전 | 1815 | ||
| 4082 | 14년 전 | 1520 | ||
| 4081 | 14년 전 | 2120 | ||
| 4080 |
onlymilk74
|
14년 전 | 854 | |
| 4079 | 14년 전 | 745 | ||
| 4078 | 14년 전 | 2128 | ||
| 4077 |
DreamT
|
14년 전 | 760 | |
| 4076 | 14년 전 | 862 | ||
| 4075 | 14년 전 | 1976 | ||
| 4074 | 14년 전 | 995 | ||
| 4073 | 14년 전 | 900 | ||
| 4072 |
onlymilk74
|
14년 전 | 649 | |
| 4071 | 14년 전 | 901 | ||
| 4070 | 14년 전 | 1913 | ||
| 4069 | 14년 전 | 476 | ||
| 4068 | 14년 전 | 2436 | ||
| 4067 | 14년 전 | 804 | ||
| 4066 | 14년 전 | 514 | ||
| 4065 | 14년 전 | 515 | ||
| 4064 | 14년 전 | 774 | ||
| 4063 | 14년 전 | 684 | ||
| 4062 | 14년 전 | 579 | ||
| 4061 | 14년 전 | 1073 | ||
| 4060 | 14년 전 | 515 | ||
| 4059 | 14년 전 | 1198 | ||
| 4058 | 14년 전 | 1565 | ||
| 4057 | 14년 전 | 526 | ||
| 4056 |
 wooriteam |
14년 전 | 665 | |
| 4055 |
SGFlash
|
14년 전 | 510 | |
| 4054 |
Priere
|
14년 전 | 660 | |
| 4053 | 14년 전 | 1086 | ||
| 4052 | 14년 전 | 787 | ||
| 4051 | 14년 전 | 912 | ||
| 4050 | 14년 전 | 737 | ||
| 4049 | 14년 전 | 871 | ||
| 4048 |
내꿈은대통령
|
14년 전 | 456 | |
| 4047 |
visualp
|
14년 전 | 1266 | |
| 4046 |
visualp
|
14년 전 | 610 | |
| 4045 |
visualp
|
14년 전 | 1370 | |
| 4044 | 14년 전 | 8126 | ||
| 4043 | 14년 전 | 750 | ||
| 4042 | 14년 전 | 1597 | ||
| 4041 | 14년 전 | 1321 | ||
| 4040 | 14년 전 | 1594 | ||
| 4039 | 14년 전 | 1933 | ||
| 4038 | 14년 전 | 531 | ||
| 4037 |
sider
|
14년 전 | 672 | |
| 4036 | 14년 전 | 6464 | ||
| 4035 | 14년 전 | 653 | ||
| 4034 | 14년 전 | 586 | ||
| 4033 |
techer
|
14년 전 | 1731 | |
| 4032 | 14년 전 | 642 | ||
| 4031 | 14년 전 | 634 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기