scriptaculous를 사용하여 테이블 간 테이블 행 드래그

Question

페이지 내에 여러 개의 유사한 테이블이 있고 scriptaculous를 사용하여 한 테이블에서 다른 테이블로 한 행을 끌어서 놓고 싶습니다. 이미 코드로이 작업을 수행 할 수 있습니다.

new Draggable('some-id'). 

'some-id'는 테이블 행 ID입니다.

그러나, 내가 그것을 테이블 행을 드래그에 문제가 있음을 생각하게 사용자 상호 작용을위한 나쁜 눈에 보이는 드래그 ... 간단한 사업부에 동일한 코드를 적용

이

잘 작동은 없다 .

편집 : 예를 들어

:

이 코드에서

<table> 
<tr id="drag_tr"><td>Drag</td></tr> 
</table> 

<div id="drag_div">some content</div> 

<script type="text/javascript"> 
new Draggable("drag_tr") 
new Draggable("drag_div") 
</script> 

, 사업부는 시각적 인 드래그를해야합니다 (즉, 커서를 따를 것이다 사업부)도,있는 동안 테이블 행은하지 않습니다, 나는 그것이 끌리고 있다는 것을 알고 있지만.

Answer 1

그래서이 <tr>의 대 <div>의 문제입니다

<div> 사업부 이동할 수있는 절대 위치를 가질 수있는 마우스이지만 tr 삶 테이블 내에서, 따라서 약 이동할 수 없습니다 곳 페이지 여기

에 설명하는 jsfiddle

http://jsfiddle.net/PUHPH/

없음 (TR이 녹색은, DIV가 빨간색)입니다 트위터에 입력 한 좌표가 페이지의 왼쪽 상단에서 이동하지는 않습니다.하지만 div는 언제든지 입력 할 수 있습니다.