<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Active Anchor</title>
<style type="text/css">
<!--
.demo
{
color:#000033;
background-color:#f2f2f2;
visibility:hidden;
}
table
{
border:#cccccc 1px solid;
}
-->
</style>
<script type="text/javascript">
<!--
function toggleBox(szDivID, iState) // 1 visible, 0 hidden
{
if(document.layers) //NN4+
{
document.layers[szDivID].visibility = iState ? "show" : "hide";
}
else if(document.getElementById) //gecko(NN6) + IE 5+
{
var obj = document.getElementById(szDivID);
obj.style.visibility = iState ? "visible" : "hidden";
}
else if(document.all) // IE 4
{
document.all[szDivID].style.visibility = iState ? "visible" : "hidden";
}
}
// -->
</script>
</head>
<body>
<img src="1.jpg" alt="test" width="300" height="150" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="16,19,79,56" href="#1" onclick="toggleBox('demodiv',1); toggleBox('demodiv2',0); toggleBox('demodiv3',0);"/>
<area shape="rect" coords="100,72,180,111" href="#2" onclick="toggleBox('demodiv',0); toggleBox('demodiv2',1); toggleBox('demodiv3',0);" />
<area shape="rect" coords="210,26,280,89" href="#3" onclick="toggleBox('demodiv',0); toggleBox('demodiv2',0); toggleBox('demodiv3',1);" />
</map>
<table width="59%" border="0" cellpadding="2" cellspacing="2" bordercolor="e2e2e2">
<tr>
<td width="24%" align="center" valign="middle"><div ID="demodiv" class="demo">Active Anchor</div></td>
<td width="76%" valign="middle"><a name="1" id="1"></a>Anything 1 </td>
</tr>
<tr>
<td align="center" valign="middle"><div ID="demodiv2" class="demo">Active Anchor</div></td>
<td valign="middle"><a name="2" id="2"></a>Anything 2 </td>
</tr>
<tr>
<td align="center" valign="middle"><div ID="demodiv3" class="demo">Active Anchor</div></td>
<td valign="middle"><a name="3" id="3"></a>Anything 3 </td>
</tr>
</table>
</body>
</html>
