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
|
<!DocType HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Test de Map</title>
<meta name="Description" content="Test de Map">
<meta name="Keywords" content="">
<meta name="Robots" content="all">
<meta name="Author" content="Moi">
<meta name="Copyright" content="mySoft">
<meta name="Generator" content="FrontNet2007 (Win32)">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta http-equiv="Content-Language" content="fr">
<link rel=stylesheet type='text/css' href='MonStyle.css'>
</head>
<body><br>
<map name='MapRegion'>
<area
shape='polygon'
coords='807,471,836,460,854,454,868,451,891,446,901,444,914,419,921,395,922,372,920,351,916,333,905,315,897,301,891,291,885,281,882,275,882,271,876,267,865,267,855,268,847,272,839,281,834,294,830,304,828,318,828,329,827,344,826,359,825,372,824,385,823,398,818,414,812,427,809,437,807,444,805,459,805,467,807,471,830,462,807,471'
style='cursor: pointer;'
onmouseover="showmenu(0); document.images.CarteRegion.src='Area12.jpg';"
onmouseout ="closemenu(0);"
>
</map>
<img name='CarteRegion' src='Img.jpg' border=0 usemap='#MapRegion'>
<div id="Menu0" style="left: 640px; top: 420px;"
onmouseover = "gMenuOpen[0]=true;"
onmouseout = "gMenuOpen[0] = false; closereal(0)">
<!-- ça marche ! -->
aaaaaaaaaaaaaa<br>
bbbbbbbbbbbbbb<br>
cccccccccccccc<br>
dddddddddddddd<br>
eeeeeeeeeeeeee<br>
ffffffffffffff<br>
gggggggggggggg<br>
hhhhhhhhhhhhhh<br>
iiiiiiiiiiiiii<br>
jjjjjjjjjjjjjj<br>
kkkkkkkkkkkkkk<br>
llllllllllllll<br>
mmmmmmmmmmmmmm<br>
nnnnnnnnnnnnnn<br>
<!-- ça déconne sur des items d'une simple table !-->
<!-- <table>
<tr><td>texte0</td></tr>
<tr><td>texte1</td></tr>
<tr><td>texte3</td></tr>
<tr><td>texte4</td></tr>
<tr><td>texte5</td></tr>
<tr><td>texte6</td></tr>
<tr><td>texte7</td></tr>
</table> -->
<!-- ça déconne sur des items avec liens !-->
<!-- <p><a href="0.php">texte1</a></p><p>
<p><a href="1.php">texte2</a></p><p> -->
</div>
<script type="text/javascript">
var gMenuOpen;
gMenuOpen = Array();
max = 1; // à définir
for (i = 0 ; i < max ; i++)
{
gMenuOpen[i] = false;
}
function showmenu(obj)
{
if (gMenuOpen[obj]==false)
{
Menu = "Menu" + obj;
if (document.getElementById)
{
document.getElementById(Menu).style.visibility = "visible";
gMenuOpen[i] = true;
}
}
}
function closemenu(obj)
{
strfunc = "closereal(" + obj + ")";
setTimeout(strfunc, 300);
}
function closereal(obj)
{
document.images.CarteRegion.src='Img.jpg';
if (gMenuOpen[obj]==false)
{
Menu = "Menu" + obj;
if(document.getElementById)
document.getElementById(Menu).style.visibility = "hidden"
}
}
</script>
</body>
</html> |
