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 : Sélectionner tout - Visualiser dans une fenêtre à part
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...