2012-03-02 2 views
3

두 개의 다른 브라우저 창을 사용하여 끌어서 놓기 기능을 구현하려면 어떻게해야합니까?다른 브라우저 창에서 끌어서 놓기 구현

사용자가 하나의 브라우저 창에서 이미지를 선택하고 javascript 및 jquery를 사용하여 다른 브라우저 창에 이미지를 놓으려는 것을 의미합니다.

나는 이것에 대한 기본 아이디어 나 알고리즘 만 원한다. 고맙습니다.

+0

스크립트가 현재 창으로 제한되어 있으므로 특정 브라우저 추가 기능없이 다른 * 브라우저 탭 *에 액세스하지 못할 수도 있습니다. - 정말 재미있는 질문에 +1. 내가 틀렸다는 것이 궁금합니다. – Smamatti

+1

http://stackoverflow.com/questions/3694631/html5-drag-and-drop-between-windows – Tx3

답변

2

이렇게하려면 가장 좋은 방법은 선택한 이미지 정보 (파일 이름)를 쿠키에 저장하여 브라우저 탭/창간에 공유 할 수 있습니다. 사용자가 이미지를 "드롭"하면 이미지가 쿠키를 제거합니다.

+0

하지만 뭔가 다른 창이 선택되었음을 어떻게 알 수 있습니까? 사실 다른 창은 다른 웹 사이트 일 수도 있습니다. –

+0

창에 stash *를 구현할 수 있습니다. 이미지를 드래그 할 수 있습니다. 쿠키를 업데이트하고, 다른 페이지에서 은닉 한 것을 새로 고쳐서 * stash * 밖으로 드래그하십시오. - stash가있는 *은 jQuery UI가 삭제 될 수있는 영역 (즉, DIV)을 의미합니다. – Smamatti

0

적어도 크로스 브라우저 솔루션은 불가능하다고 생각합니다.

두 개의 창이 서로 상호 작용하는 기술 데모가 있습니다. 하나는 Chrome 용 Browser Ball입니다.

어쩌면 당신은 그것을 다르게 구현할 수 있습니다.

사용자가 과 동일한 웹 사이트를 두 창에 모두 가지고 있다면 Google Mail < -> Google+의 채팅 창과 비슷한 기능을 구현할 수 있습니다. 동일한 데이터가 모든 창에 표시되며 사용자 관점에서 볼 때 여전히 초기 채팅 창입니다.

사용자는 & 파일을 페이지의 특정 영역으로 끌어 오면 다른 창에 나타납니다. 이렇게하려면 폴링 (web sockets) 또는 다른 방법으로 서버와 통신해야합니다.