HTML DOM tabIndex Property
 Complete Area Object Reference
Definition and Usage
The tabIndex property sets or returns the tab order for an area in an
image-map.
Syntax
areaObject.tabIndex=tabIndex
|
Example
The following example shows the tab order of the areas in the image-map:
<html>
<head>
<script type="text/javascript">
function showTabIndex()
{
var sun=document.getElementById('sun').tabIndex;
var mercury=document.getElementById('mercury').tabIndex;
var venus=document.getElementById('venus').tabIndex;
document.write("Tab index of Sun: " + sun);
document.write("<br />");
document.write("Tab index of Mercury: " + mercury);
document.write("<br />");
document.write("Tab index of Venus: " + venus);
}
</script>
</head>
<body>
<img src ="planets.gif"
width="145" height="126"
alt="Planets"
usemap ="#planetmap" />
<map name="planetmap">
<area shape ="rect" coords ="0,0,82,126"
href ="sun.htm" id="sun" tabIndex="1" />
<area shape ="circle" coords ="90,58,3"
href ="mercur.htm" id="mercury" tabIndex="2" />
<area shape ="circle" coords ="124,58,8"
href ="venus.htm" id="venus" tabIndex="3" />
</map>
<input type="button" onclick="showTabIndex()"
value="Show tabIndex" />
</body>
</html>
|
Try-It-Yourself Demos
Return
the tab orderof the areas in an image-map
Complete Area Object Reference
 |
|
|
See why there are 20,000+ Ektron integrations worldwide.
Request an INSTANT DEMO or download a FREE TRIAL today. |
|
|
|
