onload pas compatible firefox / IE

Bonjour je suis un gros débutant en programation web ( c'est mon premier code javascript ...), et je lutte probablement pour une bêtise toute bête, mais après des heures de recherches infructueuses je craque !
donc je fais ma petite page html sous dreamweaver je recupére un peu de javascript sur le net et j'en arrive là :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script language="JavaScript">
   function makevisible()
   {     
      if (cur.filters.alpha.opacity<0 || cur.style.opacity<0 ) {
	  	cur.filters.alpha.opacity =0;
		cur.style.opacity =0;
      }
      if (cur.filters.alpha.opacity>100|| cur.style.opacity>100){
	   cur.filters.alpha.opacity =100;
	   cur.style.opacity =100;
	  }     
      cur.filters.alpha.opacity=cur.filters.alpha.opacity+which;
	  cur.style.opacity =	cur.style.opacity+which ;  
      vitessedefil = setTimeout("makevisible()", 10);
   }
 
   //-----------------------------------------------------------------------------------
 
   function makeopt(arg1,arg2)
   {
   window.alert("ob");
   which=arg1;
   cur=arg2;	   
   }
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:779px;
	top:202px;
	width:167px;
	height:138px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:571px;
	top:330px;
	width:223px;
	height:19px;
	z-index:2;
}
-->
</style>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
</head>
 
 
<BODY 
   onLoad="makeopt(10,Bulle1);makevisible()"
   onUnload="clearTimeout(vitessedefil)"
   >
 
<div id="apDiv1">      <img 
      name= Bulle1 
      src=Fonts/Bulle1.gif
      style=" filter:alpha(opacity=0); opacity: 0" 
      ></div>
<div class="font">
    <p>
      <img src="Fonts/acceuilST.gif" width="1200" height="800" border="0" usemap="#Map" />
      <map name="Map" id="Map">
        <area shape="rect" coords="360,609,452,644" href="equipe.html" />
        <area shape="rect" coords="456,610,549,644" href="#" />
        <area shape="rect" coords="553,610,647,645" href="Develloppement.html" />
        <area shape="rect" coords="559,313,779,333"  
        onmouseout="which=0;Bulle1.filters.alpha.opacity=0" 
        onmouseover="makeopt(4,Bulle1)"/>
        <area shape="rect" coords="650,610,743,644" href="films.html" />
        <area shape="rect" coords="747,610,841,645" href="creation.html" />
        <area shape="rect" coords="846,610,939,644" href="#" />
      </map>
  <div class="Texte"></div>
</div>
</body>
</html>

sous IE cette ligne marche :
<BODY
onLoad="makeopt(10,Bulle1);makevisible()"
onUnload="clearTimeout(vitessedefil)"
>

makevisible et makeopt se lance aprés le chargement ...

Sous firefox par contre elles ne se lancent pas aux chargement, pourtant elle s'exécutent sans problème si je change mon code pour les exécuter avec un "onmouseover" par exemple (ou du moins elle affiche les window.alert que je met en première ligne pour tester ...).

Et je comprend pas pourquoi ...:?

Merci d'avance pour toute aide

Ps : au passage comment vous faites pour débugger vos script ?
sous dreamweaver je sais même pas comment ne serait ce qu'obtenir un message d'érreur pour une érreure de syntaxe...

Code:

<body onload="makeopt(10,'Bulle1');makevisible()" onunload="clearTimeout(vitessedefil)">

Firefox ne comprend pas ce qu'est pour lui, c'est une variable, mais comme elle n'a pas été déclarée, il retourne une erreur. S'il s'agit d'un nom, id ou autre, il faut le passer sous forme de string !
Sinon, pour débugger sous FF, utilises le plugin Firebug.
PS : ton onunload est inutile !

Code:

1 2 3 4 5 <div id="apDiv1"> <img name= Bulle1 src=Fonts/Bulle1.gif style=" filter:alpha(opacity=0); opacity: 0" onLoad="whichFF = 0.0;makevisibleFF('Bulle1')"></div>
C'est (un objet ?) une image qui est déclaré dans ce bout de code (merci pour firebug !!)

:nono:

Code:

onLoad="makeopt(10,Bulle1);makevisible()"

Là, il prend Bulle1 pour une variable...
Si tu veux passer l'élément comme argument, essaye plutôt :

Code:

onLoad="makeopt(10,document.Bulle1);makevisible()"

Merci de ton aide, ça marche !