Events example in Javascript
<html>
<head>
<title> mouseover Event </title>
<script language="JAVASCRIPT">
function func(s)
{
str="You have placed mouse cursor on the alphabet-"
str += s
document.form1.message.value=str
}
function func1()
{
document.form1.message.value="Place mouse cursor over any alphabet"
}
</script>
</head>
<body>
<center>
<A HREF="" onClick='return false' onMouseOver='func("A")' onMouseOut
= 'func1()'>A</A>
<A HREF="" onClick='return false' onMouseOver='func("B")' onMouseOut
= 'func1()'>B</A>
<A HREF="" onClick='return false' onMouseOver='func("C")' onMouseOut
= 'func1()'>C</A>
<A HREF="" onClick='return false' onMouseOver='func("D")' onMouseOut
= 'func1()'>D</A>
<A HREF="" onClick='return false' onMouseOver='func("E")' onMouseOut
= 'func1()'>E</A>
<A HREF="" onClick='return false' onMouseOver='func("F")' onMouseOut
= 'func1()'>F</A>
<A HREF="" onClick='return false' onMouseOver='func("G")' onMouseOut
= 'func1()'>G</A>
<A HREF="" onClick='return false' onMouseOver='func("H")' onMouseOut
= 'func1()'>H</A>
<A HREF="" onClick='return false' onMouseOver='func("I")' onMouseOut
= 'func1()'>I</A>
<A HREF="" onClick='return false' onMouseOver='func("J")' onMouseOut
= 'func1()'>J</A>
<A HREF="" onClick='return false' onMouseOver='func("K")' onMouseOut
= 'func1()'>K</A>
<A HREF="" onClick='return false' onMouseOver='func("L")' onMouseOut
= 'func1()'>L</A>
<A HREF="" onClick='return false' onMouseOver='func("M")' onMouseOut
= 'func1()'>M</A>
<A HREF="" onClick='return false' onMouseOver='func("N")' onMouseOut
= 'func1()'>N</A>
<A HREF="" onClick='return false' onMouseOver='func("O")' onMouseOut
= 'func1()'>O</A>
<A HREF="" onClick='return false' onMouseOver='func("P")' onMouseOut
= 'func1()'>P</A>
<A HREF="" onClick='return false' onMouseOver='func("Q")' onMouseOut
= 'func1()'>Q</A>
<A HREF="" onClick='return false' onMouseOver='func("R")' onMouseOut
= 'func1()'>R</A>
<A HREF="" onClick='return false' onMouseOver='func("S")' onMouseOut
= 'func1()'>S</A>
<A HREF="" onClick='return false' onMouseOver='func("T")' onMouseOut
= 'func1()'>T</A>
<A HREF="" onClick='return false' onMouseOver='func("U")' onMouseOut
= 'func1()'>U</A>
<A HREF="" onClick='return false' onMouseOver='func("V")' onMouseOut
= 'func1()'>V</A>
<A HREF="" onClick='return false' onMouseOver='func("W")' onMouseOut
= 'func1()'>W</A>
<A HREF="" onClick='return false' onMouseOver='func("X")' onMouseOut
= 'func1()'>X</A>
<A HREF="" onClick='return false' onMouseOver='func("Y")' onMouseOut
= 'func1()'>Y</A>
<A HREF="" onClick='return false' onMouseOver='func("Z")' onMouseOut
= 'func1()'>Z</A>
<br>
<br>
<form name="form1">
<input type="text" name="message" size="50" value="Place mouse cursor over any alphabet">
</form>
</center>
</body>
</html>
0 comments:
Post a Comment