| Page scroll | Go Scroll |
------------------------------------------
start.html에서..
function changeBar() {
if ( (chImgIndex < 100) && !flag) {
chImg["bd"+chImgIndex].src = rd.src;
chImgIndex++;
setTimeout("changeBar()", 10);
}
else {
self.location.href="home/home.htm";
//self.location.replace("home/home.htm");
//NN4에서 Home.htm에서 Reload시 init undefined 에러가 나왔음.
// 이유는 모르겠습니다.
}
}
function scr() {
if ( (st < scrEnd) && !flag ) {
//flag는 페이지가 focus를 가지면 scroll을 중단하고 제어를 else로 넘김니다.
self.rol.scroll(1, st); //st는 이동바의 맨 위의 위치입니다.
st++;
setTimeout("scr()", 1);
}
else {
chImg = self.rol.document.images;
chImgIndex = 0; //이미지 바꾸기에서 바꿀 이미지의 index를 지정시 사용.
changeBar();
}
}
function init() {
if( !(self.scroll && document.images) ) {
// window.scroll()을 지원하지 않는 IE3.02, NN2.0이하는 탈출.
self.location.href= "home/home.htm";
return;
}
if( self.innerHeight ) {
//NN4의 links.y로 어떤 링크의 위치를 정확히 알기 위해서.
var lnk = self.rol.document.links
scrEnd = lnk[lnk.length-1].y - self.innerHeight
//링크까지의 이동바의 이동(scroll) 크기를 지정.
}
else
scrEnd = 550;
//scroll할 위치를 짐작으로 지정한다. NN3.0, IEx.x에서 사용됨.
self.blank.focus(); //숨은 프레임으로 focus를 준다.
scr();
}
st = 1;
flag = false;
rd = new Image(3,10);
rd.src = "images/redDot.jpg";
//--></script>
</head>
<frameset cols="100%,*" onLoad="init()">
<frame SRC="home/scr1.htm" name="rol">
<frame SRC="home/scr2.htm" name="blank">
</frameset>
-------------------------------------------
scr1.htm에서..
weekend = new Date();
noClick = weekend.getDay();
function NotValidInWeekend() {
//토요일은 클릭으로 home.htm을 열 수 없습니다.
if ( noClick != 6 ) {
parent.flag=true;
}
}
<body bgcolor="#000000" onFocus="NotValidInWeekend()">
<script language="Javascript">
document.write("<center>")
for(var i=0; i<100; i++) {
document.write('<img src="../images/blueDot.jpg" width="3" height="10"
alt="bd'+i+'" name="bd'+i+'">');
}
document.write("</center>")
/* 페이지에 이미지를 100개 출력합니다. blueDot.jpg는 1x1의 크기를
가진 이미지고 여기서는 크기를 3x10으로 했습니다.
*/
</script>
<br><a href="#top">.</a>
<!-- NN4에서 사용하기 위해서 링크를 페이지의 맨 밑에 넣습니다. -->
----------------------------------------------------
scr2.htm에서..
<BODY>JavaScript Blank Page</body>
----------------------------------------------------
Scroll 중에 페이지를 누르면 바로 지정된 페이지를 불러 옵니다. frameset를 사용한 이유는 scr1.htm 페이지를 한 번 누르면 바로 이동하기 위해서 입니다.
처음 blank 프레임에 focus를 준것은 IE4를 위해서 입니다.
프레임 focus가 IE4에서는 NN과 다르더군요.
직접 지정을 해야 했습니다. NN은 안줘도 클릭을 하면 정상 작동했는데, IE4는 달랐습니다.
NN3.0, IE3.x, IE4.x은 정확하게 어디까지가 페이지의 끝 인지를 알 수 있는 Object property가 없습니다.
그러므로, 가장 근접하는 양을 감각으로 대충 지정합니다. scrEnd = 550; 으로 지정했습니다.
NN4는 페이지 마지막에 아무 링크를 만들면 document.links[document.links.length-1].y로 페이지의 마지막 링크의 위치를 알 수 있습니다. 그리므로, 페이지가 그 곳까지
scroll 됐을 때를 정확히 알 수 있습니다. scroll은 NN4에서 가장 잘 표현될 수 있습니다. 반면에 나머지는 페이지가 다 Scroll 되었을 때 어떤 작업을 지정하면
브라우저 창의 크기에 따라 시간차이가 납니다.
scr1.htm의 noClick는 토요일에는 클릭으로 이동할 수 없게 하기 위한 것입니다. 그냥 넣어 봤습니다.