Bug Tracker

Ticket #3396: areatagtest.html

File areatagtest.html, 1.2 KB (added by morgan, 13 years ago)

working test case

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2<html>
3        <head>
4                <script src="http://jqueryjs.googlecode.com/files/jquery-1.2.6.js" type="text/javascript"></script>
5                <script>
6                        $(function()
7                        {
8                                $('area').click(function()
9                                {
10                                        $('#clicked').text($(this).attr('alt'));
11                                });
12                        });
13                </script>
14        </head>
15        <body>
16                <p>Click on one of the planets:</p>
17
18                <img src="http://www.w3schools.com/TAGS/planets.gif" width="145" height="126" alt="Planets" usemap ="#planetmap" />
19
20                <map id ="planetmap"
21                        name="planetmap">
22                        <area shape ="rect" coords ="0,0,82,126" href="#sun" alt="Sun" />
23                        <area shape ="circle" coords ="90,58,3" href="#mercur" alt="Mercury" />
24                        <area shape ="circle" coords ="124,58,8" href="#venus" alt="Venus" />
25                </map>
26
27                <p>Clicked: <span id="clicked" /></p>
28        </body>
29</html>
30