|
<html>
<head>
<title>JavaScript
Example 4</title>
<script
Language="javascript">
<!--
function ShowValue(number) {
document.Counting.descbox.value = number;
}
-->
</script>
</head>
<body>
<table
border="0"
cellpadding="5" cellspacing="20"
width="100%" height="115">
<tr>
<td width="20%"
height="46">
<img src="balls1.gif" onMouseOver="ShowValue('One');"></td>
<td width="20%"
height="46">
<img src="balls2.gif" onMouseOver="ShowValue('Two');"></td>
<td width="20%"
height="46">
<img src="balls3.gif" onMouseOver="ShowValue('Three');"></td>
<td width="20%"
height="46">
<img src="balls4.gif" onMouseOver="ShowValue('Four');"></td>
<td width="20%"
height="46">
<img src="balls5.gif" onMouseOver="ShowValue('Five');"></td>
</tr>
<tr>
<td width="20%"
height="57">
<img src="balls6.gif" onMouseOver="ShowValue('Six');"></td>
<td width="20%"
height="57">
<img src="balls7.gif" onMouseOver="ShowValue('Seven');"></td>
<td width="20%"
height="57">
<img src="balls8.gif" onMouseOver="ShowValue('Eight');"></td>
<td width="20%"
height="57">
<img src="balls9.gif" onMouseOver="ShowValue('Nine');"></td>
<td width="20%"
height="57">
<img src="balls10.gif" onMouseOver="ShowValue('Ten');"></td>
</tr>
</table>
<form
Name="Counting">
<p>
<textarea name="descbox"
size="20" rows="1"
cols="20"> </textarea>
</p>
</form>
</body>
</html>
|