2009-04-29 7 views
2

나는 인터넷 검색을 해왔고 지금은 좋은 것을 시도하고 있지만 아무데도 오지 않는다. 그래서 여기에 간다 :DIV를 자바 스크립트를 통해 허용하고 처리하도록 만드시겠습니까?

내가 원하는 것은 DIV 태그에 텍스트를 놓고 JavaScript로 처리하는 것이다. 이 라인을 따라 뭔가 :

<script type="text/javascript"> 

function handleDrop(sender, args) 
{ 
    $('#theDiv').html(args.textfromdrop); 
} 

</script> 

<div id="theDiv" ondrop="handleDrop()" /> 

<br/> 
<p> 
This is some simple text. Draggable? 
</p> 

그래서,이 페이지에서 내가 사업부에 예를 들어 단락에서 내용을 드래그 앤 드롭 할 수 있도록하려면 그것은 드롭을 처리하고 외관이 따라입니다 (아니면 그냥 표시 변경됩니다 텍스트, 처리 할 수있는 한!). 나는 jQuery로 시도해 왔지만 완전히 다른 모델 인 것처럼 보이고 모든 드래그 가능한 것들을 어디서나 올 수 있기 때문에 설정할 수는 없다. 이것은 가능한가?

편집 : 제발 틀렸을 때 제발 정정 해주세요.하지만이 드랍 블은 모두 드래그 가능한 것으로 떨어 뜨려야합니다. 맞습니까? 내가 원하는 것은 컨트롤이없는 페이지에서 텍스트, 순수 텍스트를 삭제할 수 있다는 것입니다. 이상하게 들릴지 모르지만, 사이드 바에있는 다른 페이지로 콘텐츠를 드래그 할 수있는 Firefox 확장 기능입니다.

답변

0

나는 것 jQuery를 또는 YUI 등의 설립 자바 스크립트 라이브러리를 사용하는 것이 좋습니다.

0

또는 당신은 내가처럼 프로토 타입을 선호하는 경우 : http://wiki.github.com/madrobby/scriptaculous/droppables

편집 : 아니, 사용자가 다른 페이지를 한 페이지에서 텍스트를 삭제할 수 있도록 할 수있는 방법이 없습니다 : 수정 된 질문을 바탕으로. 당신이 말한 것처럼 FireFox 확장 기능을 구축하기로 결정하지 않는 한. 동일한 도메인에 속하지 않은 페이지를 스크립팅 할 수없는 보안 문제를 해결할 수있는 방법을 찾았더라도 DOM 요소가있는 창/프레임 안에 드래그 앤 드롭 만 할 수 있습니다.

0

문제의 div를 겹쳐 숨겨진 텍스트 영역 (CSS 스타일 visibility:hidden)? 그런 다음 onchange 자바 스크립트 이벤트로 상품이 떨어지는 지 확인하십시오. 그렇지 않으면 비어 있지 않은 문자열에 대한 텍스트 영역의 값을 정기적으로 확인하십시오. 귀하의 마일리지는 브라우저 및 운영 체제에 따라 달라질 것입니다.

+0

이것은 좋은 생각입니다. 내가 집에 갈 때 그것을 시도 할 것이다. 사치는 파이어 폭스에서만 작동 할 필요가 있다는 것입니다. 모든 운영 체제. – miccet

0

나는 이것을하기 전에 약간의 노력으로 어떤 라이브러리도없이 할 수있다. 마우스의 움직임을 추적

  1. 방법 :

    나는 다음과 같은 방법을 구축했습니다.

  2. 놓을 때 내용을 읽고 전달하는 방법.
  3. 끌어서 놓기 방법에 onmousemove 및 onclick 이벤트를 사용했습니다.
  4. 텍스트를 드롭하려는 div 영역의 OnMouseOver - 포인터가 컨테이너 (div) 위에 있는지 여부를 감지합니다.
  5. 마지막으로 텍스트를 삭제 한 후 innerHTML을 사용하여 원본 내용을 삭제 (필요한 경우)하여 이동 한 것처럼 보입니다.

Windows와 거의 비슷하게 드래그 앤 드롭 기능을 사용할 수 있습니다. 드래그 앤 드롭 이미지, 아이콘 등에 사용했습니다.

코딩에 대한 도움이 필요하면 약간의 지침을 줄 수 있지만 Google을 조금이라도 편다면 대부분을 찾을 수 있습니다. 그런 다음 함께 작업하게하면됩니다.

관련 문제