묻고답하기
자바스크립트 설명좀해주세요...
2002.07.18 22:31
안녕하세요.
자바스크립트 공부하는중인데요. 좀 기분나쁘게 책에 설명이 안나왔네요 ㅜㅜ
저같은 초보는 어카라구... 아래있는건데요.
친절하신분 자세하게 설명좀 부탁드립니다. (풍선도움말에 관한 스크립트...)
------------------------------SCRIPT--------------------------------
<html>
<head>
<title>풍선 도움말 표시하기</title>
<style type="text/css">
<!--
.chip { position:absolute;
visibility:hidden;
background-color:#FFFFA0;
border:1px black solid;
}
-->
</style>
<script language="javaScript">
<!--
function showchiphelp(cname,x,y)
{
var offx = offy = 0;
if (document.all) chipOBJ = document.all[cname].style;
if (document.all)
{
offx = document.body.scrollleft;
offy = document.body.scrolltop;
}
chipOBJ.visibility = "visible";
chipOBJ.left = x + offx;
chipOBJ.top = y + offy;
settimeout("hidechiphelp('"+cname+"')",3000);
}
function hidechiphelp(cname)
{
if (document.all)document.all[cname].style.visibility = "hidden";
}
//-->
</script>
</head>
<body bgcolor="white">
풍선도움말표시하기<br>
<br>
<a href="#" onmouse.x,event.y)">이것은 텍스트로 이루어진 풍선 도움말</a><br>
<a href="#" onmouseover="showchiphelp('c02',event.x,event.y)">이것은 그림이 포함된 풍선도움말
</a><br>
ver="showchiphelp('c01',event<div id="c01" class="chip">이런경우 표시됩니다.</div>
<div id="c02" class="chip"><img src="q.gif">그림도움말</div>
</body>
</html>
----------------------SCRIPT END-----------------------
위까지 내용좀 친절하게 설명좀 부탁드립니다.
아! 그리고 위에서 넷스케이프에서 사용하는 스크립트(?) "document.layer" 이거는 생략하였습니다.
익스플로러에서만.... 고수분 부탁드립니다.
믿을만한곳이 이곳뿐이군요. ㅜㅜ
그럼....
자바스크립트 공부하는중인데요. 좀 기분나쁘게 책에 설명이 안나왔네요 ㅜㅜ
저같은 초보는 어카라구... 아래있는건데요.
친절하신분 자세하게 설명좀 부탁드립니다. (풍선도움말에 관한 스크립트...)
------------------------------SCRIPT--------------------------------
<html>
<head>
<title>풍선 도움말 표시하기</title>
<style type="text/css">
<!--
.chip { position:absolute;
visibility:hidden;
background-color:#FFFFA0;
border:1px black solid;
}
-->
</style>
<script language="javaScript">
<!--
function showchiphelp(cname,x,y)
{
var offx = offy = 0;
if (document.all) chipOBJ = document.all[cname].style;
if (document.all)
{
offx = document.body.scrollleft;
offy = document.body.scrolltop;
}
chipOBJ.visibility = "visible";
chipOBJ.left = x + offx;
chipOBJ.top = y + offy;
settimeout("hidechiphelp('"+cname+"')",3000);
}
function hidechiphelp(cname)
{
if (document.all)document.all[cname].style.visibility = "hidden";
}
//-->
</script>
</head>
<body bgcolor="white">
풍선도움말표시하기<br>
<br>
<a href="#" onmouse.x,event.y)">이것은 텍스트로 이루어진 풍선 도움말</a><br>
<a href="#" onmouseover="showchiphelp('c02',event.x,event.y)">이것은 그림이 포함된 풍선도움말
</a><br>
ver="showchiphelp('c01',event<div id="c01" class="chip">이런경우 표시됩니다.</div>
<div id="c02" class="chip"><img src="q.gif">그림도움말</div>
</body>
</html>
----------------------SCRIPT END-----------------------
위까지 내용좀 친절하게 설명좀 부탁드립니다.
아! 그리고 위에서 넷스케이프에서 사용하는 스크립트(?) "document.layer" 이거는 생략하였습니다.
익스플로러에서만.... 고수분 부탁드립니다.
믿을만한곳이 이곳뿐이군요. ㅜㅜ
그럼....
