내용이 상당히 많아 스크롤바가 생겨있는 상태에서
부연 설명을 위해 새창띄우기를 했을때 새창이 뜨자마자
부모창 페이지를 제일 위쪽으로 올려 버려 다시 내용을 보려면
스크롤바를 일일이 내려야 하는 불편함이 생깁니다.
간단히 이곳의 플레이어를 예제로 들어보면 bgm.html에서 bgmlist를 클릭하면 목록창이 띄워집니다.
목록창에 노래가 몇곡이 되지 않아 다들어가면 이런 현상이 발생하지 안는데,
곡목이 새창으로 띄워진 크기보다 만아서 스크롤롤바가 생성이되어
하위에 있는 곡목을 클릭하게 되면 이 페이지가 최상위로 올라가 버립니다.
그럼 다시 밑으로 내릴려면 찾기도 불편하고 그러셨죠.
이걸 어찌해야 좋을까염..
<a href="#" ==> 요걸
<a href="javascript:함수()" ==> 이렇게 하거나
<a href="#a" ==> 이렇게 해주세요
(참고로 뒤에 붙은 'a'는 아무글자나 넣으면 됩니다.)
그럼 bgm 에서는 어디에 적용해야 목록창 선택시 위로 올라가지 안을까요?
당연히 bgm_sele.html을 수정해야겠죠. bgm_sele.html을 메모장으로 열어보시면
절대 건드리지 말라는 부분이 있습니다. 아래 처럼요....
//이 부분은 건들지 마세요
for (i=0; i <= e.songName.length -1; i++) {
idx = i + 1
var sele_m = '<font color="#0099CC">' + idx + '. ' + '</font><a href="#" OnClick="' + e1 + '.chooseSong('
sele_m = sele_m + i + ')"><font color="#0099CC">' + e.songName[i] + '</font></a><br>\n'
document.write(sele_m);
}
여기에서 중요한 점은 <a href="#" OnClick="'..... 이 부분입니다.
이곳의 href="#" 이걸 href="#a" 이렇게 바꾸시면 됩니다.
아래 처럼...
//이 부분은 건들지 마세요
for (i=0; i <= e.songName.length -1; i++) {
idx = i + 1
var sele_m = '<font color="#0099CC">' + idx + '. ' + '</font><a href="#a" OnClick="' + e1 + '.chooseSong('
sele_m = sele_m + i + ')"><font color="#0099CC">' + e.songName[i] + '</font></a><br>\n'
document.write(sele_m);
}
유용하게 쓰세요. |
|
