[js]bouton non opérationnel sous firefox

**TERRIBLE** · 07/01/2007, 13h55

bonjour et bonne Année,
voici mon problème je suis en train de développer un nouveau site dont l'adresse est la suivante

Code :

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

http://enfantsoublies.diboo.net

Avec la nouvelle année j'ai pris la résolution de le développer en xhtml
sur la page i,des je fais référence à une page js "Animation;js" qui a pour vocation la gestion de tous les boutons en particulier celui d'entrée de la page index
Le programme fonctione bien sur mon pc tant avec IE6 que Firefox
par contre une fois transféré IE fonctionne toujours mais par FireFox
Afin d'identifier la cause j'ai mis une instruction alerte pour m'assurer que la fonction appelée à la fin du chargement est bien présente. ce qui est le cas . Par contre mes fonction destinée à madifier l'aspect du bouton en fonction de son survol ne fonctionnent pas

Voici mes différents codes

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
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
 
function Menu()
 
 
//  fonction qui gère les actions boutons de toutes la pages
{
	for(i=0;i<11;i++)
	{
		document.images[i].onmouseover=AfficherVol;
		document.images[i].onmouseout=AfficherRepos;
		document.images[i].onclick=Afficher;
	}
}
function Ouverture()
{
 
alert("coucou");
	document.images[0].onmouseover=AfficherVol;
	document.images[0].onmouseout=AfficherRepos;
	document.images[0].onclick=Afficher;
 
 
 
}
 
 
function AfficherVol()
 {
 
 
 
w=this.getAttribute("id");
w1 =document.getElementById(w).style;
w1.borderColor="red";
w1.borderStyle="solid";
w1.borderWidth="2";
 }
 
function AfficherRepos()
 {
 
 
 
w=this.getAttribute("id");
w1 =document.getElementById(w).style;
w1.borderColor="";
w1.borderStyle="";
w1.borderWidth="";
 }
function Afficher()// à compléter au fur et à mesure de la réation de nouveaux boutons
{
 
	w=this.getAttribute("id");
 
 
switch(w)
	{
 
	case 'MenuGif1':
	document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Declameur.htm";
	break;
 
	case 'MenuGif2':
 
	document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Invitation.html";
	break;
 
	break;
 
	case 'MenuGif3':
		document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Preambule.htm";
	break;
	break;
 
	case 'MenuGif4' :
 
	document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Patricia.htm";
	break;
 
	case 'MenuGif5' :
 
	document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Louise.htm";
	break;
 
	case 'MenuGif6':
		document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Chantal.htm";
		break;
 
	case'MenuGif7' :
	document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/EnfantBoche.htm";
 
 
		break;
	case 'MenuGif8' :
	document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Abandon.htm";
 
		break;	
	case 'MenuGif9' :
	document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Liens.htm";
 
		break;
 
		case 'MenuGif10' :
	document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Bibliotheque.htm";
 
		break;	
	case 'MenuGif11' :
	document.location.href="http://www.google.fr/";
	break;
 
	case 'Bouton' :
	document.location.href= "http://enfantsoublies.diboo.net/PagesWeb/Declameur.htm";
 
	break;	
	default:	
	break;	
	}	
 
}

page Xthml

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250" />
  <meta name="generator" content="PSPad editor, www.pspad.com" />
  <title>index</title>
  <link rel="stylesheet" href="PagesCss/Index.css" type="text/css" />
 
<script type="text/javascript" src="PagesJs/Animation.js">
</script>	
  </head>
<body onload="Ouverture();">
 
<div id="BlocImages">
<img id="Bouton"  src="Images/Index/Entrer.gif" alt="" />
</div>
<div>
<img id="information" src="Images/Index/Information.gif" alt="" />
</div>
 
 
 
</body>
</html>

je compte sur vous
par avance merci

**SpaceFrog** · 08/01/2007, 08h45

je ne suis pas entré dasn le détail, mais déja remplace :

Code :

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

1
2
3
document.images[i].onmouseover=AfficherVol;
		document.images[i].onmouseout=AfficherRepos;
		document.images[i].onclick=Afficher;

par

Code :

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

1
2
3
document.images[i].onmouseover=function(){AfficherVol()};
		document.images[i].onmouseout=function(){AfficherRepos()};
		document.images[i].onclick=function(){Afficher()};

[js]bouton non opérationnel sous firefox

JavaScript

Discussions similaires

Partager

Partager