voila j'ai mon menu qui ne marche pas avec IE6
voila ma page html.
La page de mon menu
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.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" > <head> <title>Jour J</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link rel="stylesheet" href="menu.css" type="text/css" media="screen"/> <link rel="stylesheet" media="screen" type="text/css" title="Exemple" href="design_emeline4.css" /> <script type="text/javascript" src="javascript.js"></script> <script type="text/javascript" src="JsonPropre.js"></script> <script type="text/javascript" src="demo1.js"></script> <script type="text/javascript"> window.attachEvent("onload", function() { Galery('toffe'); }); </script> </head> <body> <div id="rubrique"> <?php include("menu.php"); ?> <div id="texte"> <br> <h2>Toffee</h2> <P>La présentation de ne serait pas complète sans présenter Toffee de la race « les chats damour ».</P> <p>Toffee a débarqué un soir de juillet 2002 dans la vie dEmeline : elle est arrivée du boulevard de Belleville à Paris en moto cachée dans le blouson de moto !</p> <p>A lépoque elle avait à peine 5 semaine.</p> <p> <ul id="toffe"> <li><img src="image/toffe.jpg" alt="image/toffe.jpg" /></li> </ul> </p> <p>Comment ne pas craquer devant cette petite boule de poil !</p> <p>Elle a dabord suivi la vie étudiante de sa maîtresse à Rennes. Puis après un court passage de quelques mois chez ses grands-parents elle sest installée à Rueil Malmaison où elle a rencontré Julien !</p> <p>Elle a commencé a apprécié le balcon dans le premier appartement dEmeline et Julien (0019) et continue aujourdhui à Chatou sa vie de chat ou plutôt de PACHA !</p> <p>Mais bon, ses maîtres lui pardonne car elle est dune aide particulièrement active dans les préparatifs du mariage </p> </div> </div> <script type="text/javascript"> var imgs = document.getElementsByTagName('img'); for (var i = 0; i < imgs.length; i++) { if (imgs[i].className == 'rollOver') { imgs[i].onmouseover = (function() { var a = this.src; this.src = this.alt; this.alt = a; }); imgs[i].onmouseout = (function() { var a = this.src; this.src = this.alt; this.alt = a; }); imgs[i].className = ''; } } </script> </body> </html>
et voila la page avec mon code javascript
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 <div id="second"> <a href="index.html"><img id="logo" src="image/emeline_rub.jpg" alt="image/emeline_rub" /></a> <ul id="menuHorizon"> <li class="deroulant" style="width:156px"><a href="presentation.php"><img src="image/presentation_rub_off.jpg" alt="image/presentation_rub_on.jpg" class="rollOver" /></a> <ul> <li><a href="leurhistoire.php">Leur histoire</a></li> <li><a href="lesparents.php">Les parents des mariés</a></li> <li><a href="lestemoins.php">Les témoins</a></li> <li><a href="enfantshonneurs.php">Les enfants d'honneurs</a></li> <li><a href="toffe.php">Toffee</a></li> </ul> </li> <li><img src="image/oiseau1_rub.jpg" alt="image/oiseau1_rub"/></li> <li class="deroulant" style="width:78px"><a href="jourj.php"><img src="image/jourj_rub_off.jpg" alt="image/jourj_rub_on.jpg" class="rollOver" /></a> <ul> <li><a href="prestataires.php">Les prestataires</a></li> <li><a href="deroulement.php">Le déroulement</a></li> <li><a href="voyage.php">Le voyage de noce</a></li> <li><a href="liste.php">La liste de mariage</a></li> </ul> </li> <li><img src="image/oiseau2_rub.jpg" alt="image/oiseau2_rub.jpg"></li> <li class="deroulant" style="width:160px"><a href="infospratiques.php"><img src="image/infospratiques_rub_off.jpg" alt="image/infospratiques_rub_on.jpg" class="rollOver" /></a> <ul> <li><a href="commentvenir.php">Comment venir</a></li> <li><a href="hebergement.php">Hébergement</a></li> </ul> </li> <li><img src="image/oiseau3_rub.jpg"alt="image/oiseau3_rub.jpg"/></li> <li class="deroulant" style="width:89px"><a href="contact.php"><img src="image/contact_rub_off.jpg" alt="image/contact_rub_on.jpg" class="rollOver" /></a> </li> <li><img src="image/oiseau4_rub.jpg"alt="image/oiseau4_rub.jpg"></li> </ul> </div> <script type="text/javascript"> var imgs = document.getElementsByTagName('img'); for (var i = 0; i < imgs.length; i++) { if (imgs[i].className == 'rollOver') { imgs[i].onmouseover = (function() { var a = this.src; this.src = this.alt; this.alt = a; }); imgs[i].onmouseout = (function() { var a = this.src; this.src = this.alt; this.alt = a; }); imgs[i].className = ''; } } </script>
pouvez vous m'aider?
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 function gebcn(class) { if (document.getElementsByClassName) { return document.getElementsByClassName(class); } else { var all = document.getElementsByTagName("*"), res = []; for (var i=0,l=all.length;i<l;i++) { if (all[i].className == class) { res.push(all[i]); } } return res; } } sfHover = function() { var sfEls = gebcn("deroulant"); for (var i=0; i<sfEls.length; i++) { sfEls[i].onmouseover = function() { this.getElementsByTagName("ul")[0].style.display = "block"; }; sfEls[i].onmouseout = function() { this.getElementsByTagName("ul")[0].style.display = "none"; }; } }; window.onload = function() { var imgs = document.getElementsByTagName('img'); for (var i = 0; i < imgs.length; i++) { if (imgs[i].className == 'rollOver') { imgs[i].onmouseover = (function() { var a = this.src; this.src = this.alt; this.alt = a; }); imgs[i].onmouseout = (function() { var a = this.src; this.src = this.alt; this.alt = a; }); imgs[i].className = ''; } } sfHover(); Galery('toffe'); };
Partager