2010JavaScript/강소현/연습: Difference between revisions

Revision as of 08:25, 5 August 2010

<html>
<head>
<title>Event Test</title>
<script language='JavaScript'>
var c=0; var t; var timer_is_on=0
function checkContent()
{
 alert("Content is changed.");
}
function displaymessage()
{
 alert("Hello World!");
}
function writeText(txt)
{
 document.getElementById("contents").innerHTML=txt;
}
function timedCount()
{
 document.getElementById('txt').value=c;
 c++;
 if(c < 60){
 t=setTimeout("timedCount()",1000);//1초마다..
 }
}
</script>
</head>
<body onload="alert('Welcome!!');" onunload="alert('Bye~');"
onfocus="document.bgColor='white'" onblur="document.bgColor='yellow'">
<h2>테스트 페이지입니다.</h2>
<form>
<b>내     용:</b> 
<input type="text" size="30" id="email" onchange="checkContent()" alt="내용 변화 감지"><br>
<input type="button" value="메세지 출력" onclick="displaymessage()"><br>
<img src="http://static.naver.com/ncc/2010/07/30/163114192381349.jpg" 
onmousedown="alert('사자자리 유성우');" onmouseup="alert('마우스 누르기 해제');" alt="마우스 누르고 때는 거 확인">
<img src="http://static.naver.com/ncc/2010/07/30/1631301773960435.jpg"
width="300" height="300" usemap="#planet" onmouseout="alert('마우스 아웃');" alt="마우스 포인터 감지">

<map name="planet">
<area shape="circle" coords="150,150,20"
onmouseover="writeText('쌍둥이자리 유성우의 원 부분에 닿았습니다.');" 

href="http://sstatic.naver.com/ncr/Recipe/1/20100413204704092_X0KZLRZZ1.jpg">
<p id="contents"></p>
<input type="text" id="txt"><input type="button" value="초시계" onClick="timedCount()">
</form>
</body>
</html>