테이블에서 <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
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 3930 | 14년 전 | 1352 | ||
| 3929 |
방황하는중년
|
14년 전 | 525 | |
| 3928 | 14년 전 | 640 | ||
| 3927 | 14년 전 | 693 | ||
| 3926 |
Lemios
|
14년 전 | 710 | |
| 3925 | 14년 전 | 993 | ||
| 3924 |
 TopSchooL |
14년 전 | 1039 | |
| 3923 | 14년 전 | 1613 | ||
| 3922 | 14년 전 | 633 | ||
| 3921 |
피디인사이드
|
14년 전 | 1081 | |
| 3920 |
wgarlic
|
14년 전 | 2869 | |
| 3919 |
또치2009
|
14년 전 | 793 | |
| 3918 | 14년 전 | 747 | ||
| 3917 |
 KoreaCpt |
14년 전 | 1181 | |
| 3916 | 14년 전 | 1174 | ||
| 3915 | 14년 전 | 2021 | ||
| 3914 | 14년 전 | 1233 | ||
| 3913 | 14년 전 | 608 | ||
| 3912 | 14년 전 | 550 | ||
| 3911 | 14년 전 | 465 | ||
| 3910 | 14년 전 | 671 | ||
| 3909 | 14년 전 | 2187 | ||
| 3908 | 14년 전 | 623 | ||
| 3907 | 14년 전 | 646 | ||
| 3906 | 14년 전 | 743 | ||
| 3905 | 14년 전 | 944 | ||
| 3904 |
후라보노보노
|
14년 전 | 590 | |
| 3903 | 14년 전 | 870 | ||
| 3902 | 14년 전 | 1430 | ||
| 3901 |
fstjang
|
14년 전 | 664 | |
| 3900 | 14년 전 | 989 | ||
| 3899 |
 나스디자인 |
14년 전 | 438 | |
| 3898 | 14년 전 | 504 | ||
| 3897 | 14년 전 | 982 | ||
| 3896 | 14년 전 | 1334 | ||
| 3895 | 14년 전 | 1419 | ||
| 3894 | 14년 전 | 885 | ||
| 3893 | 14년 전 | 812 | ||
| 3892 |
 날라리개발자 |
14년 전 | 1334 | |
| 3891 | 14년 전 | 858 | ||
| 3890 | 14년 전 | 3953 | ||
| 3889 | 14년 전 | 1885 | ||
| 3888 | 14년 전 | 680 | ||
| 3887 | 14년 전 | 603 | ||
| 3886 | 14년 전 | 3543 | ||
| 3885 |
후라보노보노
|
14년 전 | 4243 | |
| 3884 | 14년 전 | 981 | ||
| 3883 | 14년 전 | 1162 | ||
| 3882 | 14년 전 | 4399 | ||
| 3881 |
minini
|
14년 전 | 1221 | |
| 3880 | 14년 전 | 995 | ||
| 3879 | 14년 전 | 747 | ||
| 3878 | 14년 전 | 764 | ||
| 3877 |
내꿈은대통령
|
14년 전 | 951 | |
| 3876 | 14년 전 | 881 | ||
| 3875 | 14년 전 | 1031 | ||
| 3874 | 14년 전 | 909 | ||
| 3873 | 14년 전 | 1331 | ||
| 3872 |
뜨드미지근
|
14년 전 | 677 | |
| 3871 |
SW커뮤니케이션
|
14년 전 | 537 | |
| 3870 |
방황하는중년
|
14년 전 | 561 | |
| 3869 | 14년 전 | 710 | ||
| 3868 | 14년 전 | 1174 | ||
| 3867 |
방황하는중년
|
14년 전 | 815 | |
| 3866 |
웹스커뮤니티
|
14년 전 | 1355 | |
| 3865 | 14년 전 | 1109 | ||
| 3864 |
 Terrorboy |
14년 전 | 1082 | |
| 3863 | 14년 전 | 1052 | ||
| 3862 |
 비주얼브릭스 |
14년 전 | 1919 | |
| 3861 |
비주얼브릭스 |
14년 전 | 3238 | |
| 3860 | 14년 전 | 1448 | ||
| 3859 | 14년 전 | 2386 | ||
| 3858 |
웹스커뮤니티
|
14년 전 | 1891 | |
| 3857 | 14년 전 | 1773 | ||
| 3856 |
크라잉감튀
|
14년 전 | 952 | |
| 3855 |
techer
|
14년 전 | 491 | |
| 3854 |
techer
|
14년 전 | 775 | |
| 3853 |
techer
|
14년 전 | 934 | |
| 3852 |
디자이너몽
|
14년 전 | 1652 | |
| 3851 | 14년 전 | 1710 | ||
| 3850 | 14년 전 | 1138 | ||
| 3849 | 14년 전 | 784 | ||
| 3848 | 14년 전 | 1005 | ||
| 3847 | 14년 전 | 1035 | ||
| 3846 | 14년 전 | 1050 | ||
| 3845 | 14년 전 | 582 | ||
| 3844 |
풍객리무진짱
|
14년 전 | 654 | |
| 3843 | 14년 전 | 770 | ||
| 3842 | 14년 전 | 1720 | ||
| 3841 | 14년 전 | 918 | ||
| 3840 | 14년 전 | 859 | ||
| 3839 | 14년 전 | 1150 | ||
| 3838 |
xkingcode
|
14년 전 | 762 | |
| 3837 | 14년 전 | 914 | ||
| 3836 | 14년 전 | 866 | ||
| 3835 |
temptiger
|
14년 전 | 1148 | |
| 3834 | 14년 전 | 695 | ||
| 3833 | 14년 전 | 705 | ||
| 3832 | 14년 전 | 613 | ||
| 3831 | 14년 전 | 725 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기