2011-11-23 2 views
0

나는 HTML 파일이 있으며 Webkit으로 열어 본다.자바에서 주석/메모를 추가하기위한 샘플 코드

앱을 연 후에 텍스트를 선택하고 '메모 텍스트'버튼을 눌러 메모를 작성할 수 있도록 앱을 개발하고 싶습니다.

버튼을 누르면 오른쪽에 메모 이미지가 나타나야하지만 선택한 텍스트 위치를 파악할 수 없으며 오른쪽에 부동 이미지 (div 요소 일 수도 있음)를 추가하는 방법에 대해 알지 못합니다. ?

누구나 Javascript에서 주석/메모 추가에 대한 샘플 코드 조각을 줄 수 있습니까?

+1

지금까지 해보신 것은 무엇입니까? @ Keith.Abramo가 말한 것 외에'javascript selection position'과'javascript floating button'을 검색해 보았습니까? –

+0

또한 Keyst.Abramo가 말한 것 외에도 javascript/css/html이 무엇인지 볼 수있을 때 더 쉽게 도와줍니다. – bezmax

답변

2

최근에 Quirksmode.org에서 this 문서를 사용하여 Javascript에서 사용자 선택을 식별하기 시작했습니다. 기본적으로 IE는 다른 브라우저와 어떤 차이가 있습니까? 모질라 및 다른 브라우저는 비교적 강력한 Selection을 제공하지만 IE는 TextRange을 제공합니다.

Webkit 기반 브라우저를 사용할 수 있다면 window.getSelection()이 반환 한 선택을 사용하여 선택한 텍스트를 식별 할 수 있습니다.

선택한 텍스트 근처에 떠 다니는 이미지를 추가하는 경우 선택 항목의 anchorNode 속성을 사용하여 이미지를 추가하려는 요소 근처에서 찾을 수 있습니다. 이미지의 실제 위치를 지정하려면 - 예, 아마도 div 일 경우 positioning in CSS에 대해 학습하는 것이 좋습니다.