JavaScript Reference/Javascript Properties/shape

Материал из Web эксперт
Версия от 08:22, 26 мая 2010; Admin (обсуждение | вклад) (1 версия)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к: навигация, поиск

"shape" Example

<!-- 
Example revised from 
The Web Programmer"s Desk Reference
by Lazaro Issi Cohen and Joseph Issi Cohen 
ISBN: 1593270119
Publisher: No Starch Press 2004
-->    
<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 function5() {
        document.getElementById("area1").coords = "0, 0, 0, 0";
        document.getElementById("area2").coords = "0, 0, 0, 0";
    }
</script>
</head>
<body>
<img src="yourimage.gif" id="myImg" alt="" 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>
<br>
<input type="button" value="Make area 1 active" onClick="function1();">
<input type="button" value="Make area 2 active" onClick="function2();">
<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>



"shape" is applied to

+----------------+--------------------------------------------------------------+
| Applied_To     |<a>                             <area>                        |
+----------------+--------------------------------------------------------------+



"shape" Possible Values

Possible Values
circ, 
circle, 
rect, 
rectangle, 
poly, 
polygon.



"shape" Syntax and Note

Note:
Read and write property. 
Specifies the element shape. 
    
Syntax:
    
document.getElementById("elementID").shape = value
document.all.elementID.shape = value // IE only