테이블에서 <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
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 30 |
아우겐나이스
|
21년 전 | 4114 | |
| 29 |
아우겐나이스
|
21년 전 | 4490 | |
| 28 |
아우겐나이스
|
21년 전 | 3513 | |
| 27 | 21년 전 | 5894 | ||
| 26 | 21년 전 | 3170 | ||
| 25 | 21년 전 | 6148 | ||
| 24 | 18년 전 | 3704 | ||
| 23 | 21년 전 | 3699 | ||
| 22 | 21년 전 | 4289 | ||
| 21 | 21년 전 | 3877 | ||
| 20 | 21년 전 | 4286 | ||
| 19 | 21년 전 | 6733 | ||
| 18 | 21년 전 | 4781 | ||
| 17 | 21년 전 | 7027 | ||
| 16 | 21년 전 | 4222 | ||
| 15 | 21년 전 | 2682 | ||
| 14 | 21년 전 | 5015 | ||
| 13 | 21년 전 | 3443 | ||
| 12 |
Recluse
|
21년 전 | 3921 | |
| 11 |
아우겐나이스
|
21년 전 | 3605 | |
| 10 |
Recluse
|
21년 전 | 3445 | |
| 9 | 21년 전 | 4062 | ||
| 8 | 21년 전 | 5232 | ||
| 7 | 21년 전 | 4811 | ||
| 6 | 21년 전 | 5759 | ||
| 5 | 21년 전 | 4166 | ||
| 4 | 21년 전 | 4902 | ||
| 3 | 21년 전 | 4790 | ||
| 2 | 21년 전 | 3293 | ||
| 1 | 22년 전 | 4385 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기