Javascript ne veut pas fonctionner

Je suis en train de créer une carte qui sert a délimiter et vendre des terrains et le concept est que sur chaque terrain il y a un tooltip qui donne la disponibilité du terrain et sa taille.

La carte existe déjà en fait. Mais puisque les plans ont changés, il m'a fallu la redessiner au complet et maintenant j'en suis à l'étape de programmation. J'ai simplement copier le dossier original et fait mes petites modifications pour insérer la nouvelle carte. Mais je n'ai toujours aucun résultat. Après plusieurs tests et quelques heures a se creuser la cervelle, je me suis rendu compte que le javascript ne semble pas fonctionner, et ce pour tous les fichiers de ce dossier.

Comment cela est-ce possible? Et comment parvenir à régler ce problème?

javascript est il activé ?
regarde dans les options du navigateur ???

Bien sur qu'il est activé. Ce n'est que dans le dossier ou ce fichier est hébergé que le javascript ne fonctionne pas. Les autres dossiers n'ont pas ce problème.

Je dis que c'est dans le dossier, parce que j'ai essayé sur une autre page du même dossier et un simple code window.close ne veut pas s'exécuter. Je ne comprends pas.

Voici un petit schéma :

SITE-------->(dossier1, dossier2, index.php)

DOSSIER2--------------->(img1.jpg, img2.jpg, index.php, detail.php)

Le dossier 1 fonctionne, mais pas le 2. Le 2 est une copie du 1 avec quelques petits changements (dans le fichier index.php et au niveau de la taille des images, dans index.php j'ai changé les infos BD (qui fonctionne) et les infos concernant les nouvelles tailles d'image). Les modifications apportées, logiquement, ne devraient pas empêcher que le javascript s'exécute?

Je viens de me souvenir de ceci... j'ai copier le dossier original alors que j'étais sur un MAC... et maintenant je l'édite sous PC...

est-ce que ça pourrait être ça le problème???

ton script est externe ?

le seul truc qui peut gener javascript ce sont les paths ...
javascript n'en a que faire dêtre dans tel ou tel repertoire, du moment que les paths pointent bien sur les bons fichiers ...

Non, le javascript est à l'intérieur même du fichier php dans une balise

<script type="text/javascript"></script>

Je crois que p-e le problème viens du fais que j'ai créer le dossier sur un MAC... des fois ça peut être aussi bizarre que ça. Je suis en train de vérifier.

Finalement, aucun rapport avec le MAC... j'ai carrément copier le fichier original et remplacer seulement ce qui en avait besoin.

Quel peut-être ce problème!!!

Ma boule de crystal est en révision ...

Merci.

J'ai réussi à faire marcher un peu le javascript en changeant des trucs dans le code, mais sans pas parvenir a le faire marcher complètement.

Mais logiquement, je ne devrais pas être obligé de changer puisqu'il fonctionnait déjà. J'ai recréé la BD identique à l'originale aussi. Je crois que je n'ai jamais rencontré de problème aussi stupide!

voici le lien de la page : http://www.habitationinverness.com/boisesinverness_dev/

Avec FireFox tu pourras peut-être mieux analyser... je continue toujours de "gosser" de mon côté...

Voici le code du fichier index.php qui pose problème...

Code:

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
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
 
<?php
require_once('admin.config.php');
 
$link = mysql_connect ($host, $user, $pass) or die("Error: ".mysql_error());
$db = mysql_select_db($database) or die("Error: ".mysql_error());
 
//iframe
 
$sql = "SELECT * FROM boisesinverness";
$result = mysql_query($sql) or die("Error: ".mysql_error());
$res = mysql_fetch_array($result);
$tooltips = '';
$css = '';
$divs = '';
$divs2 = '';
 
do {
	$status = $res['status'];
	$lotnum = $res['lotnum'];
	$footage = $res['footage'];
	$id = $res['id'];
 
	/*** MAKE THE TOOLTIPS JAVASCRIPT ***/
	$tooltips .= "messages[".$lotnum."] = new Array('clear.gif','".$textbox[$status]."<br>".$lotnum." - S: ".$footage."m2',\"".$colors[$status]."\");
";
	/*** MAKE THE CSS LAYERS ***/
	if ($status != 'disp') {
	$css .= '#a'.$lotnum.' {
	background: transparent url('.$lotnum.'.png) no-repeat top;
	width: 800px;
	height: 603px;
	top: 0px;
	left: 0px;
	position:absolute;
	z-index:'.$id.';
	filter:alpha(opacity='.$opacities2[$status].');
	opacity: '.$opacities1[$status].';
	-moz-opacity: '.$opacities1[$status].';		
}
';
}
	/*** make div tags ***/
	if ($status != 'disp') {
	$divs .= '<div id=a'.$lotnum.'></div>
';
}
/*
	$divs2 .= '<div id="b'.$lotnum.'" style="width: 800px;height: 559px;top: 0px;left: 0px;position:absolute;z-index:'.$lotnum.';filter:alpha(opacity=10);opacity:0.1 ;-moz-opacity:0.1;"></div>
';
*/
 
 
 
} while($res = mysql_fetch_array($result));
 
?>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Les Bois&eacute;s d'Inverness</title>
 
<script type="text/javascript">
 
function showdetail(mapid) {
	/*window.location.href='mapdetail.php?id='+mapid;*/
	window.open ('mapdetail2.php?id='+mapid,"mapdetail","status=1"); 
}
 
 
var dom = (document.getElementById) ? true : false;
var ns5 = (!document.all && dom || window.opera) ? true: false;
var ie5 = ((navigator.userAgent.indexOf("MSIE")>-1) && dom) ? true : false;
var ie4 = (document.all && !dom) ? true : false;
var nodyn = (!ns5 && !ie4 && !ie5 && !dom) ? true : false;
var origWidth, origHeight;
if (nodyn) { event = "nope" }
var tipFollowMouse= true;	
var tipWidth= 150;
var offX= 20;
var offY= 12; 
var tipFontFamily= "Verdana, arial, helvetica, sans-serif";
var tipFontSize= "8pt";
var tipFontColor= "#000000";
var tipBgColor= "#DDECFF"; 
var tipBorderColor= "#000080";
var tipBorderWidth= 1;
var tipBorderStyle= "ridge";
var tipPadding= 4;
var messages = new Array();
<?=$tooltips?>
 
var startStr = '<table width="' + tipWidth + '"><tr><td align="center" width="100%"><img src="';
var midStr = '" border="0" width="1" height="1"></td></tr><tr><td valign="top">';
var endStr = '</td></tr></table>';
 
 
var tooltip, tipcss;
function initTip() {
	if (nodyn) return;
	tooltip = (ie4)? document.all['tipDiv']: (ie5||ns5)? document.getElementById('tipDiv'): null;
	tipcss = tooltip.style;
	if (ie4||ie5||ns5) {	// ns4 would lose all this on rewrites
		tipcss.width = tipWidth+"px";
		tipcss.fontFamily = tipFontFamily;
		tipcss.fontSize = tipFontSize;
		tipcss.color = tipFontColor;
		tipcss.backgroundColor = tipBgColor;
		tipcss.borderColor = tipBorderColor;
		tipcss.borderWidth = tipBorderWidth+"px";
		tipcss.padding = tipPadding+"px";
		tipcss.borderStyle = tipBorderStyle;
	}
	if (tooltip&&tipFollowMouse) {
		document.onmousemove = trackMouse;
	}
}
 
window.onload = initTip;
 
var t1,t2;	// for setTimeouts
var tipOn = false;	// check if over tooltip link
 
function doTooltip(evt,num) {
	if (!tooltip) return;
	if (t1) clearTimeout(t1);	if (t2) clearTimeout(t2);
	tipOn = true;
	// set colors if included in messages array
	if (messages[num][2])	var curBgColor = messages[num][2];
	else curBgColor = tipBgColor;
	if (messages[num][3])	var curFontColor = messages[num][3];
	else curFontColor = tipFontColor;
	if (ie4||ie5||ns5) {
		var tip = startStr + messages[num][0] + midStr + '<span style="font-family:' + tipFontFamily + '; font-size:' + tipFontSize + '; color:' + curFontColor + ';">' + messages[num][1] + '</span>' + endStr;
		tipcss.backgroundColor = curBgColor;
	 	tooltip.innerHTML = tip;
	}
	if (!tipFollowMouse) positionTip(evt);
	else t1=setTimeout("tipcss.visibility='visible'",100);
}
 
var mouseX, mouseY;
function trackMouse(evt) {
	standardbody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body //create reference to common "body" across doctypes
	mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
	mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	if (tipOn) positionTip(evt);
}
function positionTip(evt) {
	if (!tipFollowMouse) {
		mouseX = (ns5)? evt.pageX: window.event.clientX + standardbody.scrollLeft;
		mouseY = (ns5)? evt.pageY: window.event.clientY + standardbody.scrollTop;
	}
	// tooltip width and height
	var tpWd = (ie4||ie5)? tooltip.clientWidth: tooltip.offsetWidth;
	var tpHt = (ie4||ie5)? tooltip.clientHeight: tooltip.offsetHeight;
	// document area in view (subtract scrollbar width for ns)
	var winWd = (ns5)? window.innerWidth-20+window.pageXOffset: standardbody.clientWidth+standardbody.scrollLeft;
	var winHt = (ns5)? window.innerHeight-20+window.pageYOffset: standardbody.clientHeight+standardbody.scrollTop;
	// check mouse position against tip and window dimensions
	// and position the tooltip 
	if ((mouseX+offX+tpWd)>winWd) 
		tipcss.left = mouseX-(tpWd+offX)+"px";
	else tipcss.left = mouseX+offX+"px";
	if ((mouseY+offY+tpHt)>winHt) 
		tipcss.top = winHt-(tpHt+offY)+"px";
	else tipcss.top = mouseY+offY+"px";
	if (!tipFollowMouse) t1=setTimeout("tipcss.visibility='visible'",100);
}
 
function hideTip() {
	if (!tooltip) return;
	t2=setTimeout("tipcss.visibility='hidden'",100);
	tipOn = false;
}
 
document.write('<div id="tipDiv" style="position:absolute; visibility:hidden; z-index:100"></div>')
 
</script>
 
 
</head>
<style type="text/css">
body {
/*background: transparent url(banner.jpg) no-repeat left top;*/
}
 
#txt {
	width: 800px;
	height: 603px;
	top: 0px;
	left: 0px;
	position:absolute;
	font: 9pt/15pt verdana, sans-serif; 
 
}
 
#nav {
	width: 800px;
	height: 603px;
	top: 0px;
	left: 0px;
	position:absolute;
	z-index:99;
}
 
#card {
	background: transparent url(main.jpg) no-repeat top;
	width: 800px;
	height: 603px;
	top: 0px;
	left: 0px;
	position:absolute;
	z-index:0;
}
 
<?=$css?>
</style>
<body>
<div>
	<div id="nav"><img src="clear.gif" width="800" height="603" border="0" usemap="#Map"></div>
	<?=$divs?>
	<?=$divs2?>
	<div id="card"></div>
</div>
 <div id="txt"></div>
  <map name="Map">
      <area shape="poly" coords="665,40,712,38,724,63,684,81" href="JavaScript:showdetail(13);" onMouseOver="doTooltip(event,13)" onMouseOut="hideTip()">
      <area shape="poly" coords="684,81,723,63,736,93,713,104,699,113" href="JavaScript:showdetail(12);" onMouseOver="doTooltip(event,12)" onMouseOut="hideTip()">
      <area shape="poly" coords="704,126,718,116,742,106,759,141,720,160" href="JavaScript:showdetail(11);" onMouseOver="doTooltip(event,11)" onMouseOut="hideTip()">
      <area shape="poly" coords="720,160,759,142,775,173,735,190" href="JavaScript:showdetail(10)" onMouseOver="doTooltip(10);" onMouseOut="hideTip()">
      <area shape="poly" coords="715,223,733,193,775,174,790,205,766,226,750,251" href="JavaScript:showdetail(9);" onMouseOver="doTooltip(9)" onMouseOut="hideTip()">
      <area shape="poly" coords="690,330,749,250,770,302,791,307,720,357,716,346,710,338,700,334" href="JavaScript:showdetail(26);" onMouseOver="doTooltip(26)" onmoueout="hideTip()">
      <area shape="poly" coords="719,398,720,357,790,307,783,334,781,351,781,363,781,393" href="JavaScript:showdetail(27);" onMouseOver="doTooltip(27)" onmoueout="hideTip()">
      <area shape="poly" coords="719,398,782,393,789,505,758,505,756,451,704,452,713,443,717,433" href="JavaScript:showdetail(28);" onMouseOver="doTooltip(28)" onmoueout="hideTip()">
      <area shape="poly" coords="635,456,649,331,695,346,705,352,706,364,704,431,696,441,687,451,686,456" href="JavaScript:showdetail(57);" onMouseOver="doTooltip(57)" onmoueout="hideTip()">
      <area shape="poly" coords="648,312,710,218,749,250,690,330,656,319,650,317" href="JavaScript:showdetail(25);" onMouseOver="doTooltip(25)" onmoueout="hideTip()">
      <area shape="poly" coords="649,312,643,303,628,300,618,299,608,296,664,200,678,194,690,200,710,217" href="JavaScript:showdetail(24);" onMouseOver="doTooltip(24)" onmoueout="hideTip()">
      <area shape="poly" coords="574,268,578,247,591,220,611,200,628,196,633,203,647,203,654,203,678,193,662,203,609,296,594,291,582,280" href="JavaScript:showdetail(23);" onMouseOver="doTooltip(23)" onmoueout="hideTip()">
      <area shape="poly" coords="574,269,539,214,517,188,524,177,560,159,590,220,576,248" href="JavaScript:showdetail(19);" onMouseOver="doTooltip(19)" onmoueout="hideTip()">
      <area shape="poly" coords="560,157,590,219,609,198,628,196,634,201,646,202,612,133" href="JavaScript:showdetail(20);" onMouseOver="doTooltip(20)" onmoueout="hideTip()">
      <area shape="poly" coords="611,133,647,204,654,203,660,201,678,193,667,123,651,121,636,123" href="JavaScript:showdetail(21);" onMouseOver="doTooltip(21)" onmoueout="hideTip()">
      <area shape="poly" coords="668,124,685,128,696,129,705,125,735,191,715,221,678,193" href="JavaScript:showdetail(22);" onMouseOver="doTooltip(22)" onmoueout="hideTip()">
      <area shape="poly" coords="637,42,666,40,699,112,693,116,666,109,659,107,653,106" href="JavaScript:showdetail(14);" onMouseOver="doTooltip(14)" onmoueout="hideTip()">
	  <area shape="poly" coords="636,42,651,107,640,107,627,112,618,115,607,94,603,43" href="JavaScript:showdetail(15);" onMouseOver="doTooltip(15)" onmoueout="hideTip()">
      <area shape="poly" coords="603,44,607,94,615,114,580,133,572,47"href="JavaScript:showdetail(16);" onMouseOver="doTooltip(16)" onmoueout="hideTip()">
      <area shape="poly" coords="543,151,541,47,571,47,580,133" href="JavaScript:showdetail(17);" onMouseOver="doTooltip(17)" onmoueout="hideTip()">
      <area shape="poly" coords="543,152,542,49,508,50,510,173,516,165" href="JavaScript:showdetail(18);" onMouseOver="doTooltip(18)" onmoueout="hideTip()">
      <area shape="poly" coords="510,172,508,50,481,50,476,160,484,162,498,173,504,176" href="JavaScript:showdetail(53);" onMouseOver="doTooltip(53)" onmoueout="hideTip()">
      <area shape="poly" coords="643,391,575,365,597,308,609,312,623,313,633,313,638,323,649,331" href="JavaScript:showdetail(56);" onMouseOver="doTooltip(56)" onmoueout="hideTip()">
      <area shape="poly" coords="581,348,512,277,523,244,534,237,545,251,565,284,582,300,590,306,596,307" href="JavaScript:showdetail(55);" onMouseOver="doTooltip(55)" onmoueout="hideTip()">
      <area shape="poly" coords="481,318,491,315,496,314,501,304,512,277,581,348,575,365,641,391,634,457,567,459" href="JavaScript:showdetail(58);" onMouseOver="doTooltip(58)" onmoueout="hideTip()">
      <area shape="poly" coords="567,460,481,317,438,327,476,463" href="JavaScript:showdetail(60);" onMouseOver="doTooltip(60)" onmoueout="hideTip()">
      <area shape="poly" coords="476,463,437,328,392,338,423,466" href="JavaScript:showdetail(61);" onMouseOver="doTooltip(61)" onmoueout="hideTip()">
      <area shape="poly" coords="423,467,392,338,352,347,367,469" href="JavaScript:showdetail(63);" onMouseOver="doTooltip(63)" onmoueout="hideTip()">
      <area shape="poly" coords="366,469,352,347,312,357,321,471" href="JavaScript:showdetail(65);" onMouseOver="doTooltip(65)" onmoueout="hideTip()">
      <area shape="poly" coords="311,357,321,471,275,473,270,355,281,358,293,359" href="JavaScript:showdetail(67);" onMouseOver="doTooltip(67)" onmoueout="hideTip()">
      <area shape="poly" coords="275,474,229,475,228,362,240,356,253,354,262,354,270,354" href="JavaScript:showdetail(69);" onMouseOver="doTooltip(69)" onmoueout="hideTip()">
      <area shape="poly" coords="230,552,194,553,192,382,228,361" href="JavaScript:showdetail(71);" onMouseOver="doTooltip(71)" onmoueout="hideTip()">
      <area shape="poly" coords="194,552,157,554,157,402,161,397,191,381" href="JavaScript:showdetail(72);" onMouseOver="doTooltip(72)" onmoueout="hideTip()">
      <area shape="poly" coords="157,401,138,416,107,424,90,425,77,418,22,474,21,561,156,555" href="JavaScript:showdetail(74);" onMouseOver="doTooltip(74)" onmoueout="hideTip()">
      <area shape="poly" coords="21,474,77,417,72,408,68,385,66,378,21,378" href="JavaScript:showdetail(41);" onMouseOver="doTooltip(41)" onmoueout="hideTip()">
      <area shape="poly" coords="67,378,64,362,71,305,20,306,21,378" href="JavaScript:showdetail(42);" onMouseOver="doTooltip(42)" onmoueout="hideTip()">
      <area shape="poly" coords="71,305,77,241,19,241,21,305" href="JavaScript:showdetail(43);" onMouseOver="doTooltip(43)" onmoueout="hideTip()">
      <area shape="poly" coords="76,241,81,196,19,172,20,240" href="JavaScript:showdetail(44);" onMouseOver="doTooltip(44)" onmoueout="hideTip()">
      <area shape="poly" coords="80,195,88,155,18,111,19,172" href="JavaScript:showdetail(45);" onMouseOver="doTooltip(45)" onmoueout="hideTip()">
      <area shape="poly" coords="87,154,92,130,95,122,100,116,60,70,18,72,19,110" href="JavaScript:showdetail466);" onMouseOver="doTooltip(46)" onmoueout="hideTip()">
      <area shape="poly" coords="60,70,100,115,106,111,118,110,172,107,171,66" href="JavaScript:showdetail(47);" onMouseOver="doTooltip(47)" onmoueout="hideTip()">
      <area shape="poly" coords="173,107,171,65,254,63,255,104" href="JavaScript:showdetail(48);" onMouseOver="doTooltip(48)" onmoueout="hideTip()">
      <area shape="poly" coords="255,103,311,101,321,107,348,58,254,64" href="JavaScript:showdetail(49);" onMouseOver="doTooltip(49)" onmoueout="hideTip()">
      <area shape="poly" coords="320,105,358,126,363,118,446,86,453,52,348,58" href="JavaScript:showdetail(50);" onMouseOver="doTooltip(50)" onmoueout="hideTip()">
      <area shape="poly" coords="359,126,363,118,447,86,434,171,413,155" href="JavaScript:showdetail(51);" onMouseOver="doTooltip(51)" onmoueout="hideTip()">
      <area shape="poly" coords="453,52,481,51,476,160,433,173" href="JavaScript:showdetail(52);" onMouseOver="doTooltip(52)" onmoueout="hideTip()">
      <area shape="poly" coords="81,338,113,341,142,396,133,404,101,412,90,411,84,401,78,360" href="JavaScript:showdetail(39);" onMouseOver="doTooltip(39)" onmoueout="hideTip()">
      <area shape="poly" coords="141,396,150,388,177,373,148,321,113,341" href="JavaScript:showdetail(73);" onMouseOver="doTooltip(73)" onmoueout="hideTip()">
      <area shape="poly" coords="149,321,185,303,213,353,177,373" href="JavaScript:showdetail(70);" onMouseOver="doTooltip(70)" onmoueout="hideTip()">
      <area shape="poly" coords="82,338,113,341,149,321,153,286,88,279" href="JavaScript:showdetail(38);" onMouseOver="doTooltip(38)" onmoueout="hideTip()">
      <area shape="poly" coords="88,279,92,234,153,241,158,245,153,285" href="JavaScript:showdetail(37);" onMouseOver="doTooltip(37)" onmoueout="hideTip()">
      <area shape="poly" coords="93,226,94,198,99,174,166,186,160,230,154,234" href="JavaScript:showdetail(36);" onMouseOver="doTooltip(36)" onmoueout="hideTip()">
      <area shape="poly" coords="99,174,104,135,108,126,120,123,162,120,165,186" href="JavaScript:showdetail(35);" onMouseOver="doTooltip(35)" onmoueout="hideTip()">
      <area shape="poly" coords="166,186,162,122,204,119,207,185" href="JavaScript:showdetail(34);" onMouseOver="doTooltip(34)" onmoueout="hideTip()">
      <area shape="poly" coords="205,118,246,118,248,183,207,184" href="JavaScript:showdetail(33);" onMouseOver="doTooltip(33)" onmoueout="hideTip()">
      <area shape="poly" coords="160,238,166,185,272,183,322,199,281,251,273,225" href="JavaScript:showdetail(76);" onMouseOver="doTooltip(76)" onmoueout="hideTip()">
      <area shape="poly" coords="150,320,160,239,273,226,281,251" href="JavaScript:showdetail(75);" onMouseOver="doTooltip(75)" onmoueout="hideTip()">
      <area shape="poly" coords="248,183,246,118,307,114,315,119,272,183" href="JavaScript:showdetail(32);" onMouseOver="doTooltip(32)" onmoueout="hideTip()">
      <area shape="poly" coords="272,182,314,119,350,138,323,198" href="JavaScript:showdetail(31);" onMouseOver="doTooltip(31)" onmoueout="hideTip()">
      <area shape="poly" coords="322,199,334,203,358,221,389,156,351,139" href="JavaScript:showdetail(30);" onMouseOver="doTooltip(30)" onmoueout="hideTip()">
      <area shape="poly" coords="357,222,368,229,406,217,422,179,406,167,387,157" href="JavaScript:showdetail(29);" onMouseOver="doTooltip(29)" onmoueout="hideTip()">
      <area shape="poly" coords="407,217,422,180,433,185,474,174,497,190,429,240" href="JavaScript:showdetail(54);" onMouseOver="doTooltip(54)" onmoueout="hideTip()">
      <area shape="poly" coords="186,302,239,274,253,313,202,331" href="JavaScript:showdetail(68);" onMouseOver="doTooltip(68)" onmoueout="hideTip()">
      <area shape="poly" coords="253,313,238,274,282,251,295,301,290,306" href="JavaScript:showdetail(66);" onMouseOver="doTooltip(66)" onmoueout="hideTip()">
      <area shape="poly" coords="282,251,321,199,332,203,368,229,372,244,286,261,286,261,286,263" href="JavaScript:showdetail(83);" onMouseOver="doTooltip(83)" onmoueout="hideTip()">
      <area shape="poly" coords="300,312,286,263,332,253,343,304" href="JavaScript:showdetail(64);" onMouseOver="doTooltip(64)" onmoueout="hideTip()">
      <area shape="poly" coords="343,304,332,252,372,244,383,297" href="JavaScript:showdetail(62);" onMouseOver="doTooltip(62)" onmoueout="hideTip()">
    </map>
 
</body>
 
</html>

Bon.. problème résolu. Erreur stupide. Histoire de ma vie de programmeur. Si vous regardez dans mon code, dans les map path, quand j'appele la fonction doTooltip(), j'avais oublier de passer l'argument event. Et quand j'appelais hideTip(), j'avais une faute de frappe dans onMouseOut...

Le Javascript ne s'exécutait pas parce qu'il y avait trop de "bugs" en "background"... invisible dans un navigateur habituellement.. mais grâce aux nombreux "add-ons" de FireFox, ça m'a permis de voir mon erreur.