묻고답하기
문단 다중선택에 대한 질문입니다.
2004.07.05 23:24
우선은 <body>안에 글을 문단으로
<p id=p num=1>1번문단입니다.</p>
<p id=p num=2>2번문단입니다.</p>
<p id=p num=3>3번문단입니다.</p>
이렇게 나누어 주었습니다.
제가 해야할 일은 이 오른쪽 버튼이 누르면 나오는 메뉴들로 문단들을 문단별로 선택해야 한다는 것입니다.
오른쪽 메뉴는 접어두고..문단을 선택하는 문제만 언급하겠습니다.
<script>
//단일 문단 선택하기
function select_fun(num){
var body = document.body.createTextRange();
body.moveToElementText(document.all.p.item(num));
body.select();
}
</script>
이것은 단일 문단의 선택영역을 지정하는 것입니다.
select_fun(각 문단의 num속성 값)을 주면 문단별로 선택이 잘 되더라구요..
하지만 문제는 2,3 문단을 한꺼번에 선택해야한다는 것입니다.
for(i=start_num; i<end_num; i++){
body.moveToElementText(document.all.item("p").item(i));
body.execCommand('BackColor','','cornflowerblue');
body.collapse(false);
}
오랜 고민끝에 이렇게 바탕을 칠하는 방법으로 문단을 다중 선택하는 것 처럼 보이게 해봤는데..
이렇게 한번 칠하면 그 후로는 이상하게도 문단의 id나 num값을 전혀 인식하지 못하더라구요..
아무래도 저렇게 칠하는 방식 말고..
정말로 드래그하는 식으로 파랗게 선택되는 방법으로 진행해나가야 할것같은데..
아무리 뒤지고 봐도..힘드네요..
자바스크립트의 쓴맛을 정말 톡톡히 보고있습니다. ㅠㅠ
어떤 방법으로 해결할수 있을지 도움주셔요..