제안 필요 - UI에서 드래그 앤 드롭

친구 - 일부 코드 논리/무료 도구를 찾고 있습니다. 다음 요구 사항을 충족해야합니다.제안 필요 - UI에서 드래그 앤 드롭

폴더 구조 (왼쪽 프레임)에서 이미지를 웹 페이지의 중앙 프레임에 추가/드래그해야합니다.

이미지를 블록으로 말하고 있습니다.

도와주세요.

참조 용으로 거친 그림 첨부.

enter image description here

2014-10-21 smriti

당신은 다음과 같은 기능을 사용하여이 사용 HTML5를 할 수 있습니다. 하지만 HTML5를 사용하지 않는다면 jquery 나 javascript를 사용하여 효과를 얻어야합니다. 3 가지 방법을 모두 설명하고 구현 예에 대한 링크를 제공합니다.
1) HTML5
당신이 요소를 드래그 할 경우 dragstart event listener를 제공 또한, 해당 요소에 대한 draggable=true atttribute를 설정해야합니다.
http://www.w3schools.com/html/html5_draganddrop.asp http://www.tutorialspoint.com/html5/html5_drag_drop.htm
2) jQuery를 같은 효과는 아주 쉽게 jQuery로 달성 당신이해야 할 모든 요소에 dragable 함수를 호출하는 것입니다 수 있습니다. http://jqueryui.com/draggable/는이 마우스 이벤트를 사용하여 수행하고 http://www.webreference.com/programming/javascript/mk/column2/index.html

출처

2014-10-21 10:45:23

감사를 클릭합니다 자바 스크립트에서
3) 자바 스크립트
[코드를 볼 소스보기 클릭]. 나는 pls가 이것을 조사하는 질문을 편집했다. – smriti

답안에서 수정 사항이 문제를 해결하는지 확인하십시오 –

감사합니다. 많은 전쟁. 나는 이것을 시도 할 것이다. – smriti

제안 필요 - UI에서 드래그 앤 드롭

답변

관련 문제