Version imprimable
ce qui ce trouve avant n'a pas changer (en dehors des nom de variable) :
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
si tu ne sais pas copier correctement, je peux rien pour toi. (erreur ligne 8)
Effectivement... j'ai retiré la parenthèse par contre toujours rien.
je suis pas devin.
code de ta page html,
code javascript?
Et enfin, ca serait bien si tu pouvais indenter correctement ton code !!!!
Code:
2
3
4
5
6
7
8
9
10
11
Eric2a : Merci pour le i c'était déjà posté ca fonctionnait grâce a des réponses plus tôt dans le sujet, ici on essaye de récupérer carrément les class dire que sa soit plus propre.
Alors pour le JS, voici tout ce qui constitue cette vérification :
Pour le code complet du menu, le voici :Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
Code:
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
ligne 10...
Je crois qu'il serait temps que tu installes firefox et son extension firebug. Je te laisse le soin de te documenter.
Comme le dis Galérien69 essaye d'indenter ton code correctement, c'est tellement plus facile à lire et donc donne d'autant plus envie de t'aider.Citation:
Envoyé par kami-no-ryuu
Ensuite, effectivement après une lecture rapide de ces 3 lignes de codes, je ne vois pas l'erreur. Y a-t'il un message d'erreur qui apparait dans ta console ? (CTRL+SHIFT+J)
edit: oups, après relecture, je te conseille d'oublier "getElementsByClassName" pour des raisons de compatibilités. ;)
edit2: oups, je n'avais pas vu, galérien à répondu en même temps que moi et effectivement je n'avais pas vu l'erreur. :ccool:
Effectivement bien pratique firbug, j'avais supprimer le point, je l'ai remis l'alert fonctionne.
pour getElementsByClassName je regarderais demain dans se cas.
Sur ce bonne nuit, demain je testerais la suite en espérant que sa se passe bien cette fois.
Merci pour vos réponses =) .
Bon j'ai affiché le contenu de menuHovered.innerHTML, il contient donc ce que contient l'id évidement, mais par contre ca ne m'aide pas trop vu que le sous menu est contenu dans un id juste en dessous de celui récupéré pour le clique.
Je vais testé en remontant un div plus haut récupéré le firstchild et tester le "survolement" fonctionne.
Bon mes teste ne fonctionne pas, j'ai essayer de vérifier le parent et récupérer que l'enfant (après avoir englobé le menu avec une autre class), j'ai essaye de récupéré la div dans la fonction (pas super propre, mais toute façon sa marche pas)
Je suis un peu paumé, en plus j'ai une erreur de "getElementsByClassName is not a function" quand je teste de récupère la class dans la class
t'es tout simplement incompréhensible. C'est un manque de rigueur particulièrement agaçant, mais je conçois que tu ne t'en rendes pas compte aussi je te souligne les points.
Il faut être clair.
NON. l'id c'est quoi?Citation:
Bon j'ai affiché le contenu de menuHovered.innerHTML, il contient donc ce que contient l'id évidement
on ne sait même pas sur quel code tu te bases.
le sous menu c'est déjà pas clair. Qu'est-ce que c'est ?le li imbriqué dans le li parent?, le ul imbriqué dans le li parent?Citation:
le sous menu est contenu dans un id juste en dessous de celui récupéré pour le clique.
celui récupéré désigne le sous menu récupéré. Tu as donc un sous menu sous un sous menu récupéré. Est-ce ce que tu veux dire?
Qui plus est contenu dans un id. :aie:
On ne sait pas ce que tu veux faire.
La suite c'est du détail, vu que de toute façon on sait pas ce que tu fais.
encore une fois t'as pas défini ton menu. une classe, c'est un attribut... je pense pas qu'un attribut englobe quoique ce soit.Citation:
après avoir englobé le menu avec une autre class
Enfin: regarde bien le temps qui s'écoule entre les posts. Ca vaut le coup de passer du temps à rédiger un message propre, sans fautes, et clair, de t'assurer que les autres comprennent ce que tu dis, notamment quand c'est toi qui demande de l'aide. Tu écris un peu pour toi, mais avant tout pour les autres.
edit: je t'avais déjà fait le remarque que tu étais incompréhensible. Ce sera donc la dernière remarque de ce coté là pour ma part.
Et bien désolé pour mon côté incompréhensible, ca me semble claire mais j’imagine que sans code ca ne l'est pas forcément surtout que celui ci a évolué, je vais donc montrer l’architecture du menu sans l'inutile du code, sa sera peut-être plus simple, je vais rajouter une touche de commentaire en plus pour être le plus claire possible :
Voilà j'éspere que mon explication est la plus claire possible.Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
en reprenant le post en se rend compte que ton approche HTML est loin d'être au top, imbrication de DIV encadrant des A dans des LI sans aucunes nécessité apparente. Je commencerais par simplifier la structure pour faire quelque chose de plus simple
il est ainsi plus facile de s'y retrouver et l'on peut récupérer un UL, contenant donc des LI, dans un LI en utilisant la méthode getElementsByTagName.Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Le masquage d'une UL masquant les LI contenus, il suffit de ne s'occuper que de celui ci en lui modifiant son display, sans être obligé de passer par une DIV intermédiaire.
On aura bien compris que ton soucis et d'afficher/masquer au survol le sous menu s'y raccordant, ou alors je me plante!
Outre le fait que ce genre de menu ce fait de nos jours en CSS pur en utilisant les pseudo-classes dynamiques hover par exemple, le code à mettre en oeuvre est assez simple et ne requière pas de passer, ou de récupérer, un quelconque index, comme initialement envisagé.
Dans le principe
- récupération des éléments maitres, LI de premier niveau possédant la class Menu_premier
- récupération des éléments UL inclus dans ceci, pour cela plusieurs méthodes permettent d'y arriver, méthode getElementsByTagName, comme indiqué plus haut ou autre récupération de l'ID à partir de l'ID du conteneur...pour exemple
pour récupérer la UL contenu dans le LI, et dans l'exemple ci dessus on peut faire un simpleCode:
2
3
4
5
6
Revenons à la récupération des LI class="Menu_premier".Code:var sId = this.id.replace('li_',''); // li_Anime -> Anime
Pour les récupérer, outre la méthode getElementsByClassName, malheureusement non encore supportée par 100% des navigateurs, on peut récupérer les balises A via un getElementsByTagName('A') à partir de la DIV contenant le menu, ou encore en utilisant la collection documents.links.
Il suffit ensuite de tester que la class Menu_premier est présente dans la balise contenant le lien, soit son parentNode.
Au final on pourrait avoir quelque chose comme
voilà...Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
En fait je l'affiche dans un div a part du menu (plus bas, en fait je fait un système de menu sous forme d'onglet) et donc rien qu'en html et JS ca ne semble pas possible, le rend en block au lieu de non ne sert donc a rien vu que les sous menu ne sont pas au bon endroits a la base, ils sont juste là pour être récupéré.
Ou alors il faudrait que je mette les sous menu dans ce div, mais bon c'est pas super propre je trouve.
Sinon effectivement ton architecture du menu est déjà plus propre.
cela ne change rien à l'approche si tu as un code de ce type
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
J'ai rajouter quelque truc et effectivement le code fonctionne parfaitement.
Sinon je ne comprend pas pour indexOf qu'est il en fait ?
Sinon je n’avais pas pensé a faire cela comme ca , au départ je pensais faire sa selon la valeur du menu, c'est un peu pareil au final sauf que c'est un peu plus propre tout de même.
Sinon petite question, pour vérifier au contraire qu'ils ne sont pas survolé ? (pour remettre comment avant en cas de non survolage des éléments) je suppose que mettre un "!" avant ne suffis pas.
En tout cas merci a vous trois de vous êtres penché sur mon problème, je suis un peu débutant en JavaScript, j'ai donc pas mal pataugé.
Encore merci. =) .
Element.className pouvant contenir plusieurs classes, plutôt que de faireCitation:
Envoyé par kami-no-ryuu
Element.className == "class1" alors qu'il peut être égal à "class2 class1" (signifiant qu'il possède la class2 ET la class1).
On va faire une recherche sur le "string" de notre "classe" avec indexOf qui renvoit un naturel (correspondant à la position de la première occurrence) s'il l'a trouve, sinon -1.
Donc dans l'exemple de "class2 class1".indexOf("class1") ça renverra 7, donc on aura bien "class1" de trouvé. ;)
Lecture très intéressante ! Apparemment le bonhomme est un ex-développeur de Prototype, on ressent bien toute son amertume... :mrgreen:Citation:
Envoyé par galerien69
il n'existe effectivement pas d'événement onnotmouseover :mrgreen:Citation:
Envoyé par kami-no-ryuu
Je présumes que tu souhaiterais que lorsqu'un élément du menu est survolé le sous menu en cours s'efface au profit du nouveau.
Dans ce cas il faut faire une boucle dans laquelle on masquerait les sous menus non concernés et afficherait celui devant l'être.
Il existe plusieurs façons de procéder, comme d'habitude, pour gérer cela, en voila une.
- Récupération des sous menus lors de l'initialisation.
- affichage/masquage sur le mouseover des éléments du menu, par appel d'une fonction.
La fonction d'initialisation pourrait ressembler à cela
maintenant la fonction d'affichage masquage showSousMenu utilisée ci dessus, à laquelle on passe en paramètre l'ID du sous menu à afficherCode:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
maintenant il te suffit d'appeler la fonction initMenu() lorsque le DOM est constitué.Code:
2
3
4
5
6
7
8
9
10
11