'useMap' Example : useMap « Javascript Properties « JavaScript Reference

JavaScript Reference
1. Event Handlers Reference
2. Javascript Collections
3. Javascript Methods
4. Javascript Objects
5. Javascript Properties
Java
Java Tutorial
Java Source Code / Java Documentation
Java Open Source
Jar File Download
Java Articles
Java Products
Java by API
C# / C Sharp
C# / CSharp Tutorial
ASP.Net
JavaScript DHTML
JavaScript Tutorial
HTML / CSS
HTML CSS Reference
C / ANSI-C
C Tutorial
C++
C++ Tutorial
PHP
Python
SQL Server / T-SQL
SQL Server / T-SQL Tutorial
Oracle PL / SQL
Oracle PL/SQL Tutorial
PostgreSQL
SQL / MySQL
MySQL Tutorial
VB.Net
VB.Net Tutorial
Flash / Flex / ActionScript
VBA / Excel / Access / Word
Microsoft Office PowerPoint 2007 Tutorial
Microsoft Office Excel 2007 Tutorial
Microsoft Office Word 2007 Tutorial
JavaScript Reference » Javascript Properties » useMap 
'useMap' 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 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.java2java.com/style/logo.png" 
     id="myImg" 
     alt="http://www.java2java.com" 
     width="200" 
     height="100" 
     usemap="#myMap2"
<map name="myMap2"
    <area id="area1" 
          shape="rect" 
          href="http://www.java2java.com" 
          alt="java2s.com" 
          onClick="return false">
    <area id="area2" 
          shape="rect" 
          href="http://www.java2java.com" nohref="true" 
          alt="java2s.com 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();">
<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

    
      
      
Related examples in the same category
1. 'useMap' Syntax and Note
2. 'useMap' is applied to
www.java2java.com | Contact Us
Copyright 2010 - 2030 Java Source and Support. All rights reserved.
All other trademarks are property of their respective owners.