웹마스터 팁
로딩중 스크립트와 셀렉트창 같이 쓰기
2005.01.13 08:48
로딩중이라는 스크립트를 이용할때 셀렉트창이 위로 나와 쓰기 곤란한 분들은 아래 처럼 하시면 도움이 됩니다
내용의 요지는 셀렉트 창을 히든으로 잡아두구 레이어를 클릭하면 셀렉트가 보여지는 이치입니다
다른 레이어에도 같은 형식을 이용하면 되구 그 방법은 네이버 등에 셀렉트 창으로만 쳐도 나오더군요
해드 사이에 아래의 스크립트를 넣으세요
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n)document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
if (go_go) go_go.style.visibility = "visible";
}
}
</script>
바디는 아래처럼 하시구요
<body onload="hide()"bgcolor='white' text='black'style="background-color:transparent">
<script language=javascript>
if(ie || n||go_go) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5"><table cellpading=0 cellspacing=0 width=100% height=100%><tr><td> <p align=center>페이지 로딩중 ... 잠시만 기다려 주세요 ^^-*</p><p align=center><img src="넣구 싶은 이미지 "width=95 height=91 border=0></p></td></tr></table></div>')
</script>
그리구 나서 들어가는 셀렉트에 아래처럼 이름을 부여해 줍니다
<FORM NAME=go_go style="visibility:hidden;">
셀렉트 태그
</FORM>
위와 같이 하면 정확히 먹힙니다 ^^
go_go 는 셀렉트 폼이름입니다 다른 이름으로 바꾸실 분은
헤드 부분의 스크립트 로딩중 보여주는 스크립트 그리고 폼태그의 이름을 동시에 바꿔 주셔야 사용하실수 있습니다
내용의 요지는 셀렉트 창을 히든으로 잡아두구 레이어를 클릭하면 셀렉트가 보여지는 이치입니다
다른 레이어에도 같은 형식을 이용하면 되구 그 방법은 네이버 등에 셀렉트 창으로만 쳐도 나오더군요
해드 사이에 아래의 스크립트를 넣으세요
<script language=javascript>
n = document.layers
ie = document.all
function hide() {
if (ie || n) {
if (n)document.Load.visibility = "hidden"
else Load.style.visibility = "hidden"
if (go_go) go_go.style.visibility = "visible";
}
}
</script>
바디는 아래처럼 하시구요
<body onload="hide()"bgcolor='white' text='black'style="background-color:transparent">
<script language=javascript>
if(ie || n||go_go) document.write('<div id="Load" style="position:absolute;width:100%;height:100%;top:0;left:0;background-color:#ffffff;z-index:5"><table cellpading=0 cellspacing=0 width=100% height=100%><tr><td> <p align=center>페이지 로딩중 ... 잠시만 기다려 주세요 ^^-*</p><p align=center><img src="넣구 싶은 이미지 "width=95 height=91 border=0></p></td></tr></table></div>')
</script>
그리구 나서 들어가는 셀렉트에 아래처럼 이름을 부여해 줍니다
<FORM NAME=go_go style="visibility:hidden;">
셀렉트 태그
</FORM>
위와 같이 하면 정확히 먹힙니다 ^^
go_go 는 셀렉트 폼이름입니다 다른 이름으로 바꾸실 분은
헤드 부분의 스크립트 로딩중 보여주는 스크립트 그리고 폼태그의 이름을 동시에 바꿔 주셔야 사용하실수 있습니다
근데 움직이는 메뉴(레이어)랑 같이 쓰는 방법좀 알려주세요. 로딩중에 먼저 나오네요..--;
제가 초보라서.. 자세한 설명부탁드려요.