JavaScript Reference/Javascript Properties/useMap
"useMap" Example
<source lang="javascript">
<html> <head> <script language="JavaScript">
function function1() { document.all.area1.coords = "0, 0, 100, 50"; } function function2() { document.all.area2.coords = "100, 0, 200, 50"; document.all.area2.noHref = "true"; } function function3() { document.all.area3.coords = "0, 50, 100, 100"; } function function4() { document.all.area4.coords = "100, 50, 200, 100"; } function function5() { document.getElementById("area1").coords = "0, 0, 0, 0"; document.getElementById("area2").coords = "0, 0, 0, 0"; document.getElementById("area3").coords = "0, 0, 0, 0"; document.getElementById("area4").coords = "0, 0, 0, 0"; }
</script> </head> <body> <img src="http://www.wbex.ru/style/logo.png"
id="myImg" alt="http://www.wbex.ru" width="200" height="100" usemap="#myMap2">
<map name="myMap2">
<area id="area1" shape="rect" href="http://www.wbex.ru" alt="wbex.ru" onClick="return false"> <area id="area2" shape="rect" href="http://www.wbex.ru" nohref="true" alt="wbex.ru home page" onClick="return false">
</map>
<input type="button" value="Make area 1 active" onClick="function1();">
<input type="button" value="Make area 2 active" onClick="function2();">
<input type="button" value="Make area 3 active" onClick="function3();">
<input type="button" value="Make area 4 active" onClick="function4();">
<button onclick="function5();">Restore areas to inactive</button>
<button onclick="alert(myImg.isMap);">IS MAP</button>
<button onclick="alert(area2.noHref);">noHref for Area 2</button>
</body>
</html>
</source>
"useMap" is applied to
<source lang="javascript">
+----------------+--------------------------------------------------------------+ | Applied_To |<img> <input> | | |<object> (IE6 only) | +----------------+--------------------------------------------------------------+
</source>
"useMap" Syntax and Note
<source lang="javascript">
Note: Read and write property. Sets the URL as a client-side image map.
Syntax:
document.getElementById("elementID").useMap = value document.all.elementID.useMap = value // IE only
</source>