1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
|
<Map name="carte_gva" >
<area id="map_gva_1" shape="poly" coords="7,419,6,411,17,405,21,399,22,394,18,386,19,382,21,380,34,353,48,353,52,351,66,334,69,331,75,330,84,337,98,343,69,361,60,364,52,369,47,381,44,398,41,404,35,410,30,412,26,412,23,414,20,416,11,415,7,419" >
<area id="map_gva_2" shape="poly" coords="35,352,45,331,46,323,47,323,50,329,52,330,55,328,56,322,60,316,65,315,72,318,79,318,89,314,95,324,100,330,103,340,102,342,99,342,86,337,79,332,74,329,68,330,65,334,50,353,36,353,35,352" >
<area id="map_gva_3" shape="poly" coords="47,386,51,374,61,366,75,360,103,342,103,349,99,363,106,364,118,373,112,381,107,391,96,389,85,390,77,390,70,388,64,385,47,386" >
<area id="map_gva_4" shape="poly" coords="105,339,99,326,95,322,90,315,94,313,100,305,115,297,119,294,129,299,133,302,139,297,146,294,151,296,152,301,151,308,149,312,144,317,123,330,105,339" >
<area id="map_gva_5" shape="poly" coords="103,342,103,346,102,352,101,356,98,363,108,364,117,372,121,372,126,370,129,366,133,364,137,364,142,360,145,360,148,360,150,362,152,362,153,361,141,347,141,337,133,327,131,327,105,341,103,342" >
<area id="map_gva_6" shape="poly" coords="108,390,118,374,126,371,130,366,138,365,146,360,152,364,166,354,174,354,182,362,187,372,152,369,143,392,134,394,130,399,127,404,121,397,112,394,108,390" >
<area id="map_gva_7" shape="poly" coords="134,327,145,318,152,304,153,297,156,297,157,294,155,292,163,287,162,281,167,281,179,270,183,261,190,259,199,254,202,246,209,240,211,240,212,244,209,248,208,261,203,266,203,273,204,277,201,282,202,289,207,298,208,307,194,311,191,315,188,317,189,322,190,329,196,333,198,336,204,335,205,338,205,339,200,341,195,345,190,348,188,370,174,353,166,352,161,356,155,361,141,347,142,338,139,331,134,327" >
<area id="map_gva_8" shape="poly" coords="119,293,121,288,123,284,122,279,119,277,119,272,123,268,126,267,130,269,132,273,136,274,140,275,143,279,144,279,161,281,162,286,155,291,156,294,154,296,149,295,145,293,140,295,133,299,133,300,119,293" >
<area id="map_gva_9" shape="poly" coords="18,266,31,256,26,247,31,232,41,225,48,225,54,227,60,227,62,222,57,214,62,211,68,213,71,215,71,217,66,228,65,236,64,240,62,241,64,248,65,252,74,261,76,268,77,277,79,280,81,287,86,295,86,301,86,309,78,312,71,311,63,309,58,309,64,301,58,289,53,288,46,285,44,282,20,269,18,266" >
<area id="map_gva_10" shape="poly" coords="86,309,87,295,78,276,78,265,75,259,66,252,64,244,75,244,84,241,87,245,90,250,95,251,100,256,115,260,114,263,110,271,111,278,115,282,115,287,104,297,97,300,86,309" >
<area id="map_gva_11" shape="poly" coords="64,241,66,233,73,217,82,209,85,204,94,197,94,195,108,189,122,178,124,178,156,202,162,210,183,220,178,224,187,234,189,239,184,248,183,253,177,255,171,270,165,272,153,274,141,269,139,259,135,259,136,264,126,260,116,260,108,258,97,252,92,249,88,244,85,240,81,241,76,243,64,241" >
<area id="map_gva_12" shape="poly" coords="145,191,156,173,167,163,169,162,175,168,182,170,186,164,198,161,203,159,211,162,226,177,228,181,235,186,237,196,241,205,234,209,229,214,205,205,203,214,190,214,189,218,186,219,163,209,159,201,147,194,145,191" >
<area id="map_gva_13" shape="poly" coords="181,224,184,221,190,220,190,215,204,214,206,207,227,215,236,210,243,207,250,213,248,217,253,226,241,250,236,255,222,273,218,274,211,274,208,270,210,264,213,256,219,245,218,235,212,233,205,234,200,239,194,248,190,252,184,253,189,237,188,231,183,226,181,224" >
<area id="map_gva_14" shape="poly" coords="189,318,195,311,208,308,207,296,202,285,204,280,207,279,209,282,211,288,211,297,214,300,215,302,216,311,223,316,224,320,225,324,231,327,231,329,223,335,220,334,216,335,208,340,207,339,206,334,203,334,198,334,197,333,192,330,191,324,191,321,189,318" >
<area id="map_gva_15" shape="poly" coords="189,372,191,348,200,344,204,341,207,342,214,339,221,336,223,339,226,343,226,346,224,350,224,353,223,356,213,368,209,370,198,372,193,372,189,372" >
<area id="map_gva_16" shape="poly" coords="216,369,226,357,229,356,238,359,257,367,271,365,277,364,281,361,283,361,285,362,285,368,289,372,296,378,295,379,294,381,291,379,289,381,284,387,277,391,271,392,268,393,264,391,235,385,225,385,223,385,217,372,216,369" >
<area id="map_gva_17" shape="poly" coords="210,281,222,281,226,279,233,269,234,273,236,280,238,283,239,286,238,287,238,289,243,297,244,305,244,311,241,313,226,317,223,314,220,313,217,308,217,300,213,298,212,294,213,291,211,284,210,281" >
<area id="map_gva_18" shape="poly" coords="224,337,232,329,232,327,230,325,227,321,227,319,233,317,241,315,243,317,247,319,249,321,255,321,257,323,265,324,269,324,272,326,277,327,281,328,287,334,286,341,285,351,286,356,285,359,280,360,276,361,258,365,250,362,232,355,226,353,226,352,227,346,228,343,226,340,224,337" >
<area id="map_gva_19" shape="poly" coords="234,268,239,259,242,259,244,269,256,268,260,270,268,269,271,305,274,307,275,310,273,315,273,317,278,324,275,325,270,322,268,322,261,323,256,318,250,320,248,317,245,314,246,306,246,299,241,289,241,282,237,278,235,272,234,268" >
<area id="map_gva_20" shape="poly" coords="287,368,287,348,288,334,305,335,309,336,310,336,311,341,314,345,323,352,336,350,339,353,326,358,310,366,301,372,298,377,287,368" >
<area id="map_gva_21" shape="poly" coords="286,319,289,320,296,312,306,317,309,311,312,313,318,311,320,306,324,291,325,290,327,291,331,299,331,303,330,306,328,309,329,314,332,317,338,316,344,314,347,310,351,309,353,310,356,313,358,314,359,314,362,334,342,353,337,349,324,350,313,341,312,334,307,334,297,332,289,331,288,325,287,322,286,319" >
<area id="map_gva_22" shape="poly" coords="332,287,339,278,346,276,351,265,349,262,343,262,343,259,350,250,357,250,368,249,376,245,380,244,380,248,379,254,370,261,366,267,364,270,360,274,358,276,359,282,355,293,353,297,354,303,353,305,345,304,339,310,336,312,335,312,335,310,337,307,338,299,336,292,332,289,332,287" >
<area id="map_gva_23" shape="poly" coords="362,281,360,275,367,270,369,268,370,266,376,259,380,255,383,253,382,246,385,247,387,250,386,252,386,258,387,260,376,280,377,281,363,281,361,281,362,281" >
<area id="map_gva_24" shape="poly" coords="355,303,355,300,354,297,360,284,377,284,378,282,389,262,388,257,388,253,389,251,389,248,384,244,397,237,400,237,404,241,406,244,412,251,416,258,414,261,413,263,408,263,403,272,390,279,378,296,373,297,360,305,355,304,355,303" >
<area id="map_gva_25" shape="poly" coords="339,234,344,226,348,216,369,180,376,182,381,188,361,214,362,218,362,223,373,244,365,247,359,248,353,248,345,247,343,245,342,236,339,234" >
<area id="map_gva_26" shape="poly" coords="363,213,382,190,391,199,398,204,406,206,407,214,409,223,409,225,405,232,405,236,398,234,385,238,380,242,374,242,363,223,365,219,365,219,363,213" >
<area id="map_gva_27" shape="poly" coords="407,237,418,225,425,226,431,222,440,222,452,228,443,240,444,243,448,246,449,248,446,249,433,247,420,256,416,252,408,242,407,237" >
<area id="map_gva_28" shape="poly" coords="405,233,410,225,408,206,406,203,397,201,388,194,384,187,390,184,399,180,402,183,403,185,401,190,415,195,421,189,426,187,431,184,436,185,436,201,445,203,445,207,442,208,437,214,435,219,430,220,426,225,418,223,407,236,405,233" >
<area id="map_gva_29" shape="poly" coords="370,177,371,166,367,159,372,150,377,122,394,117,401,125,408,129,411,125,414,130,424,137,418,145,414,146,399,168,401,171,402,175,399,178,383,185,371,179,370,177" >
<area id="map_gva_30" shape="poly" coords="401,168,416,147,420,146,426,139,430,138,441,135,450,138,461,145,457,153,463,153,467,162,461,175,449,173,443,177,447,180,447,187,449,189,449,194,454,195,453,199,448,202,442,201,436,199,437,183,430,182,418,189,416,192,405,189,404,181,402,179,403,170,401,168" >
<area id="map_gva_31" shape="poly" coords="435,218,445,208,447,204,455,204,461,214,476,210,489,209,496,207,515,205,519,208,501,223,490,229,478,231,464,240,456,249,444,241,454,226,437,220,435,218" >
<area id="map_gva_32" shape="poly" coords="445,178,449,174,460,177,465,172,492,167,513,158,526,147,530,139,538,140,547,136,544,147,547,152,548,162,527,202,520,206,515,204,474,208,461,213,454,201,454,195,451,193,450,188,448,186,448,180,445,178" >
<area id="map_gva_33" shape="poly" coords="450,136,456,125,474,140,473,145,483,154,501,148,511,140,510,136,524,119,526,118,529,121,525,131,528,138,526,145,520,151,503,161,486,168,475,170,467,169,469,161,465,153,461,151,461,147,465,145,450,136" >
<area id="map_gva_34" shape="poly" coords="395,116,399,114,405,104,407,107,414,107,422,114,429,114,438,116,442,119,443,122,453,124,451,131,449,134,441,133,434,134,429,136,415,131,412,125,409,124,408,127,400,123,395,116" >
<area id="map_gva_35" shape="poly" coords="406,102,425,70,430,67,442,75,439,81,438,89,440,95,446,101,455,121,453,122,445,122,443,120,442,117,427,112,424,113,415,106,407,105,406,102" >
<area id="map_gva_36" shape="poly" coords="431,66,438,59,438,55,447,44,443,29,454,34,452,38,454,41,455,48,455,52,460,58,460,62,457,64,455,66,452,70,448,71,443,74,435,70,431,66" >
<area id="map_gva_37" shape="poly" coords="229,179,237,172,242,173,263,149,268,160,269,160,281,179,271,185,276,191,263,202,260,202,258,207,252,211,239,199,235,187,229,179" >
<area id="map_gva_38" shape="poly" coords="271,160,285,150,302,151,305,158,300,176,301,184,301,189,300,194,300,196,289,190,286,190,280,191,273,186,282,179,272,164,271,160" >
<area id="map_gva_39" shape="poly" coords="266,158,263,145,258,140,259,126,289,103,293,128,310,135,307,140,303,143,303,148,287,149,273,157,266,158" >
<area id="map_gva_40" shape="poly" coords="256,121,255,116,242,105,246,100,230,85,233,72,245,56,246,53,253,52,257,49,278,63,279,66,276,71,273,72,275,77,283,81,285,87,293,82,288,102,260,121,256,121" >
<area id="map_gva_41" shape="poly" coords="291,102,299,96,303,100,311,100,317,99,327,100,331,102,325,118,321,119,311,135,294,126,291,108,291,102" >
<area id="map_gva_42" shape="poly" coords="257,45,259,40,257,34,260,10,266,2,288,27,316,44,330,50,329,73,327,77,326,82,330,91,332,99,330,100,315,98,308,100,301,98,299,96,290,99,293,82,284,85,283,78,275,72,278,69,281,60,260,48,257,45" >
<area id="map_gva_b_43" shape="poly" coords="243,256,245,267,257,266,260,268,269,267,281,278,284,277,279,270,269,263,262,259,255,260,247,256,243,256" >
<area id="map_gva_b_44" shape="poly" coords="270,269,270,287,286,284,286,279,283,279,280,279,274,272,270,269" >
<area id="map_gva_b_45" shape="poly" coords="271,289,279,285,285,285,288,290,303,292,305,293,307,312,306,314,297,311,289,318,286,317,287,330,275,316,277,311,275,305,273,303,271,296,271,289" >
<area id="map_gva_b_46" shape="poly" coords="264,258,286,275,289,272,287,262,288,255,265,257,264,258" >
<area id="map_gva_b_47" shape="poly" coords="288,274,288,260,295,269,304,270,305,273,302,279,300,287,298,289,288,283,286,277,288,274" >
<area id="map_gva_b_48" shape="poly" coords="288,255,306,253,310,257,310,263,311,264,306,268,303,269,295,267,290,260,288,255" >
<area id="map_gva_b_49" shape="poly" coords="301,287,302,279,306,275,306,270,313,265,337,277,330,286,323,284,319,287,317,295,312,305,310,303,310,290,305,287,301,287" >
<area id="map_gva_b_50" shape="poly" coords="308,253,313,251,328,241,338,236,343,247,347,251,341,261,350,264,344,276,334,273,312,262,312,255,308,253" >
<area id="map_gva_b_51" shape="poly" coords="242,251,253,230,267,236,267,241,281,243,286,245,260,253,253,256,250,253,242,251,242,248,242,251" >
<area id="map_gva_b_52" shape="poly" coords="255,226,255,228,267,236,268,241,279,242,287,244,300,242,291,235,288,224,277,220,273,229,255,225,254,227,255,226" >
<area id="map_gva_b_53" shape="poly" coords="247,215,259,207,259,202,265,203,270,199,286,213,289,222,288,224,278,220,273,224,271,227,255,225,247,215" >
<area id="map_gva_b_54" shape="poly" coords="270,198,277,191,280,192,289,189,291,191,299,197,301,206,305,212,305,217,303,221,302,225,304,233,303,238,300,240,291,235,288,214,272,200,270,198" >
</Map>
<div style="float:left;width:550px; height:421px;">
<div style="position:relative;">
<img src="map_gva/map_gva.png" style="z-index:10;position:absolute; top:0px; left:0px; z-index:95; " border="0">
<img id="map_gva" src="map_gva/map_gva.png" usemap="#carte_gva" style="position:absolute; top:0px; left:0px; z-index:95; " border="0">
</div>
</div>
<div id="show" style="float:left;width:100px;height:50px; background-color:grey;">
</div>
<script type="text/javascript">//<![CDATA[
function addEventSimple(obj,evt,fn){
if (obj.addEventListener)
obj.addEventListener(evt,fn,false);
else if (obj.attachEvent)
obj.attachEvent('on'+evt,fn);}
var map_commune = [];
map_commune[1] = 'Chancy';
map_commune[2] = 'Avully';
map_commune[3] = 'Avusy';
map_commune[4] = 'Cartigny';
map_commune[5] = 'Laconnex';
map_commune[6] = 'Soral';
map_commune[7] = 'Bernex';
map_commune[8] = 'Aire-la-Ville';
map_commune[9] = 'Dardagny';
map_commune[10] = 'Russin';
map_commune[11] = 'Satigny';
map_commune[12] = 'Meyrin';
map_commune[13] = 'Vernier';
map_commune[14] = 'Confignon';
map_commune[15] = 'Perly-Certoux';
map_commune[16] = 'Bardonnex';
map_commune[17] = 'Onex';
map_commune[18] = 'Plan-les-Ouates';
map_commune[19] = 'Lancy';
map_commune[20] = 'Troinex';
map_commune[21] = 'Veyrier';
map_commune[22] = 'Chênes-Bougeries';
map_commune[23] = 'Chêne-Bourg';
map_commune[24] = 'Thônex';
map_commune[25] = 'Cologny';
map_commune[26] = 'Vandoeuvres';
map_commune[27] = 'Puplinge';
map_commune[28] = 'Choulex';
map_commune[29] = 'Collonge-Bellerive';
map_commune[30] = 'Meinier';
map_commune[31] = 'Presinge';
map_commune[32] = 'Jussy';
map_commune[33] = 'Gy';
map_commune[34] = 'Corsier';
map_commune[35] = 'Anières';
map_commune[36] = 'Hermance';
map_commune[37] = 'GRand-Saconnex';
map_commune[38] = 'Pregny-Chambésy';
map_commune[39] = 'Bellevue';
map_commune[40] = 'Colley-bossy';
map_commune[41] = 'Genthod';
map_commune[42] = 'Versoix';
map_commune[43] = 'Jonction';
map_commune[44] = 'Acacias';
map_commune[45] = 'Carouge';
map_commune[46] = 'Jonction';
map_commune[47] = 'Plainpalais';
map_commune[48] = 'Cité';
map_commune[49] = 'Champel';
map_commune[50] = 'Eaux-vives';
map_commune[51] = 'Saint-Jean, Charmilles';
map_commune[52] = 'Grottes, Saint Gervais';
map_commune[53] = 'Petit-Saconnex, Servette';
map_commune[54] = 'Pâquis';
laa = 1;
while(document.getElementById('map_gva_'+laa))
{
document.getElementById('map_gva_'+laa).indice = laa;
addEventSimple(document.getElementById('map_gva_'+laa),'mouseover',function()
{
document.getElementById('show').innerHTML =map_commune[this.indice];
});
laa++;
}
lab = laa;
while(document.getElementById('map_gva_b_'+lab))
{
document.getElementById('map_gva_b_'+lab).indice = lab;
addEventSimple(document.getElementById('map_gva_b_'+lab),'mouseover',function()
{
document.getElementById('show').innerHTML =map_commune[this.indice];
});
lab++;
}
//]]>
</script> |
IE mouseover area tag
Répondre avec citation
Partager