테이블에서 <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
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 4830 |
임페리얼웹
|
13년 전 | 1369 | |
| 4829 |
임페리얼웹
|
13년 전 | 722 | |
| 4828 | 13년 전 | 3484 | ||
| 4827 |
 Terrorboy |
13년 전 | 1240 | |
| 4826 | 13년 전 | 2749 | ||
| 4825 | 13년 전 | 1085 | ||
| 4824 |
gnuskin쩜net
|
13년 전 | 771 | |
| 4823 | 13년 전 | 819 | ||
| 4822 |
visualp
|
13년 전 | 684 | |
| 4821 |
다케미카코
|
13년 전 | 1262 | |
| 4820 | 13년 전 | 1347 | ||
| 4819 | 13년 전 | 2666 | ||
| 4818 |
크라이스트
|
13년 전 | 4239 | |
| 4817 |
임페리얼웹
|
13년 전 | 714 | |
| 4816 | 13년 전 | 3264 | ||
| 4815 |
하모니칼수
|
13년 전 | 653 | |
| 4814 | 13년 전 | 1112 | ||
| 4813 | 13년 전 | 710 | ||
| 4812 |
임페리얼웹
|
13년 전 | 1088 | |
| 4811 |
임페리얼웹
|
13년 전 | 1835 | |
| 4810 | 13년 전 | 1151 | ||
| 4809 | 13년 전 | 631 | ||
| 4808 | 13년 전 | 1285 | ||
| 4807 |
너는나의봄이다
|
13년 전 | 896 | |
| 4806 | 13년 전 | 1294 | ||
| 4805 | 13년 전 | 1775 | ||
| 4804 | 13년 전 | 1074 | ||
| 4803 |
한번잘해보자
|
13년 전 | 719 | |
| 4802 | 13년 전 | 1906 | ||
| 4801 |
꼬꼬아부지
|
13년 전 | 1186 | |
| 4800 | 13년 전 | 777 | ||
| 4799 |
 TopSchooL |
13년 전 | 725 | |
| 4798 | 13년 전 | 1076 | ||
| 4797 |
한번잘해보자
|
13년 전 | 616 | |
| 4796 | 13년 전 | 1723 | ||
| 4795 | 13년 전 | 1003 | ||
| 4794 |
 똥싼너구리 |
13년 전 | 1018 | |
| 4793 |
 연후하은아빠 |
13년 전 | 658 | |
| 4792 | 13년 전 | 1292 | ||
| 4791 | 13년 전 | 2100 | ||
| 4790 |
똥싼너구리 |
13년 전 | 622 | |
| 4789 |
한번잘해보자
|
13년 전 | 515 | |
| 4788 |
 넓은마인드 |
13년 전 | 694 | |
| 4787 | 13년 전 | 3286 | ||
| 4786 |
한번잘해보자
|
13년 전 | 758 | |
| 4785 | 13년 전 | 1307 | ||
| 4784 | 13년 전 | 1077 | ||
| 4783 |
 스위치79 |
13년 전 | 725 | |
| 4782 | 13년 전 | 7735 | ||
| 4781 |
크라운엠버서더
|
13년 전 | 1107 | |
| 4780 | 13년 전 | 1755 | ||
| 4779 | 13년 전 | 758 | ||
| 4778 | 13년 전 | 1088 | ||
| 4777 | 13년 전 | 919 | ||
| 4776 | 13년 전 | 1887 | ||
| 4775 | 13년 전 | 3318 | ||
| 4774 | 13년 전 | 1534 | ||
| 4773 | 13년 전 | 3241 | ||
| 4772 | 13년 전 | 1418 | ||
| 4771 | 13년 전 | 3862 | ||
| 4770 | 13년 전 | 1425 | ||
| 4769 | 13년 전 | 911 | ||
| 4768 | 13년 전 | 1887 | ||
| 4767 | 13년 전 | 2663 | ||
| 4766 | 13년 전 | 1574 | ||
| 4765 | 13년 전 | 1381 | ||
| 4764 | 13년 전 | 3141 | ||
| 4763 | 13년 전 | 1164 | ||
| 4762 |
똥싼너구리 |
13년 전 | 724 | |
| 4761 | 13년 전 | 1611 | ||
| 4760 | 13년 전 | 852 | ||
| 4759 |
NTYPE
|
13년 전 | 5177 | |
| 4758 |
프로프리랜서
|
13년 전 | 828 | |
| 4757 |
프로프리랜서
|
13년 전 | 1215 | |
| 4756 | 13년 전 | 815 | ||
| 4755 |
원시인교주
|
13년 전 | 837 | |
| 4754 |
there007
|
13년 전 | 956 | |
| 4753 | 13년 전 | 1766 | ||
| 4752 |
세상의중심
|
13년 전 | 1577 | |
| 4751 | 13년 전 | 1301 | ||
| 4750 | 13년 전 | 1500 | ||
| 4749 |
또다른세상
|
13년 전 | 3655 | |
| 4748 | 13년 전 | 769 | ||
| 4747 |
cula100jak
|
13년 전 | 1658 | |
| 4746 | 13년 전 | 1479 | ||
| 4745 |
 늘푸른등불 |
13년 전 | 618 | |
| 4744 |
designcity
|
13년 전 | 744 | |
| 4743 | 13년 전 | 621 | ||
| 4742 |
 raineye |
13년 전 | 8356 | |
| 4741 | 13년 전 | 849 | ||
| 4740 | 13년 전 | 1655 | ||
| 4739 | 13년 전 | 1324 | ||
| 4738 |
 스터디24 |
13년 전 | 752 | |
| 4737 |
Xerro
|
13년 전 | 492 | |
| 4736 | 13년 전 | 3723 | ||
| 4735 |
keith
|
13년 전 | 542 | |
| 4734 |
 ideaman |
13년 전 | 697 | |
| 4733 | 13년 전 | 1753 | ||
| 4732 |
 날라리개발자 |
13년 전 | 1251 | |
| 4731 |
늘푸른등불 |
13년 전 | 1296 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기