테이블에서 <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개
14년 전
td 에 이미지를 넣고 이미지를 드래그해서는 안되는군요
그래도 멋진 기능입니다
활용처가 어떤 곳이 될지는 모르겠지만..
그래도 멋진 기능입니다
활용처가 어떤 곳이 될지는 모르겠지만..
14년 전
제 경우엔 음악 서비스를 여러 개 만들었는데, 트랙 정보를 보여주고 순서를 바꿀 때 항상 리스트+sortable을 사용했습니다.
http://j.mp/urJX1o
테이블의 컬럼을 이동할 때는 jQuery 플러그인은 아니지만 dragtable란 라이브러리를 쓸 수 있습니다.
개인적으론 아직 컬럼을 이동하는 케이스를 써먹은 적은 없었네요.
http://j.mp/v10js8
http://j.mp/urJX1o
테이블의 컬럼을 이동할 때는 jQuery 플러그인은 아니지만 dragtable란 라이브러리를 쓸 수 있습니다.
개인적으론 아직 컬럼을 이동하는 케이스를 써먹은 적은 없었네요.
http://j.mp/v10js8
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4930 | 13년 전 | 669 | ||
| 4929 | 13년 전 | 2026 | ||
| 4928 | 13년 전 | 638 | ||
| 4927 |
 캐네스제롬 |
13년 전 | 796 | |
| 4926 | 13년 전 | 1119 | ||
| 4925 |
techer
|
13년 전 | 1279 | |
| 4924 |
techer
|
13년 전 | 2891 | |
| 4923 |
techer
|
13년 전 | 3111 | |
| 4922 | 13년 전 | 604 | ||
| 4921 | 13년 전 | 1104 | ||
| 4920 |
StyleRoot
|
13년 전 | 585 | |
| 4919 | 13년 전 | 1164 | ||
| 4918 |
onlymilk74
|
13년 전 | 944 | |
| 4917 |
하나데이타
|
13년 전 | 831 | |
| 4916 |
하나데이타
|
13년 전 | 1158 | |
| 4915 | 13년 전 | 435 | ||
| 4914 | 13년 전 | 1831 | ||
| 4913 | 13년 전 | 1567 | ||
| 4912 | 13년 전 | 1301 | ||
| 4911 | 13년 전 | 747 | ||
| 4910 | 13년 전 | 1221 | ||
| 4909 |
성민꼬르꼬
|
13년 전 | 1450 | |
| 4908 | 13년 전 | 1045 | ||
| 4907 | 13년 전 | 2231 | ||
| 4906 | 13년 전 | 891 | ||
| 4905 |
kinyenug1
|
13년 전 | 610 | |
| 4904 |
kinyenug1
|
13년 전 | 786 | |
| 4903 | 13년 전 | 3595 | ||
| 4902 | 13년 전 | 2468 | ||
| 4901 | 13년 전 | 1025 | ||
| 4900 | 13년 전 | 1195 | ||
| 4899 | 13년 전 | 2595 | ||
| 4898 | 13년 전 | 1590 | ||
| 4897 |
다케미카코
|
13년 전 | 756 | |
| 4896 |
안뇽하어영
|
13년 전 | 816 | |
| 4895 |
baek83
|
13년 전 | 2212 | |
| 4894 | 13년 전 | 697 | ||
| 4893 | 13년 전 | 945 | ||
| 4892 | 13년 전 | 444 | ||
| 4891 | 13년 전 | 598 | ||
| 4890 | 13년 전 | 1342 | ||
| 4889 |
Black
|
13년 전 | 2883 | |
| 4888 |
techer
|
13년 전 | 639 | |
| 4887 |
techer
|
13년 전 | 906 | |
| 4886 |
visualp
|
13년 전 | 1300 | |
| 4885 | 13년 전 | 704 | ||
| 4884 |
너는나의봄이다
|
13년 전 | 2321 | |
| 4883 | 13년 전 | 923 | ||
| 4882 | 13년 전 | 1602 | ||
| 4881 | 13년 전 | 1847 | ||
| 4880 | 13년 전 | 1655 | ||
| 4879 | 13년 전 | 966 | ||
| 4878 |
 iwebstory |
13년 전 | 1265 | |
| 4877 | 13년 전 | 770 | ||
| 4876 |
꿈을꾸는너구리
|
13년 전 | 633 | |
| 4875 |
성민꼬르꼬
|
13년 전 | 1291 | |
| 4874 | 13년 전 | 981 | ||
| 4873 | 13년 전 | 835 | ||
| 4872 | 13년 전 | 755 | ||
| 4871 | 13년 전 | 918 | ||
| 4870 | 13년 전 | 707 | ||
| 4869 | 13년 전 | 1226 | ||
| 4868 | 13년 전 | 934 | ||
| 4867 | 13년 전 | 630 | ||
| 4866 | 13년 전 | 1239 | ||
| 4865 | 13년 전 | 876 | ||
| 4864 |
기획자정군
|
13년 전 | 1616 | |
| 4863 |
꼬꼬아부지
|
13년 전 | 1040 | |
| 4862 | 13년 전 | 3513 | ||
| 4861 |
 와우맨OLD |
13년 전 | 1573 | |
| 4860 |
 cshop |
13년 전 | 2168 | |
| 4859 | 13년 전 | 791 | ||
| 4858 | 13년 전 | 443 | ||
| 4857 | 13년 전 | 1122 | ||
| 4856 |
크라운엠버서더
|
13년 전 | 1923 | |
| 4855 | 13년 전 | 831 | ||
| 4854 | 13년 전 | 2048 | ||
| 4853 | 13년 전 | 745 | ||
| 4852 | 13년 전 | 1092 | ||
| 4851 |
꼬꼬아부지
|
13년 전 | 1801 | |
| 4850 | 13년 전 | 1114 | ||
| 4849 |
 아지야학교가자 |
13년 전 | 780 | |
| 4848 | 13년 전 | 1474 | ||
| 4847 |
 똥싼너구리 |
13년 전 | 3792 | |
| 4846 | 13년 전 | 518 | ||
| 4845 | 13년 전 | 586 | ||
| 4844 | 13년 전 | 768 | ||
| 4843 | 13년 전 | 3914 | ||
| 4842 | 13년 전 | 1256 | ||
| 4841 | 13년 전 | 1428 | ||
| 4840 | 13년 전 | 1437 | ||
| 4839 | 13년 전 | 744 | ||
| 4838 | 13년 전 | 622 | ||
| 4837 | 13년 전 | 770 | ||
| 4836 |
TIAMO
|
13년 전 | 1582 | |
| 4835 | 13년 전 | 949 | ||
| 4834 | 13년 전 | 1283 | ||
| 4833 | 13년 전 | 2482 | ||
| 4832 |
cshop |
13년 전 | 945 | |
| 4831 | 13년 전 | 1260 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기