onload pas compatible firefox / IE

**katoss** · 21/10/2008, 01h25

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...

**Bovino** · 21/10/2008, 06h47

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 !

**katoss** · 21/10/2008, 20h28

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 !!)

**Bovino** · 21/10/2008, 21h02

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**katoss** · 22/10/2008, 12h51

Merci de ton aide, ça marche !

onload pas compatible firefox / IE

JavaScript

Vue hybride

Discussions similaires

Partager

Partager