D2solé mais le menu ne marche toujours pas
il me dit erreur objet attendu
D2solé mais le menu ne marche toujours pas
il me dit erreur objet attendu
Je pense que ça vient du
si certains "li" du menu non pas de "ul".this.getElementsByTagName("ul")[0].style.display = "block";
en gros c'est mes images entre mes onglets qui posent problème?
this. ?
et si je met des des classes au li que je veux
j'ai essayé ca mais ca marche toujours pas
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 <script type="text/javascript"> sfHover = function() { var sfEls = document.getElementById("menuHorizon").getElementsByTagName("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"; } } } if (window.attachEvent) window.attachEvent("onload", sfHover); </script> <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>
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager