Discussion :

[stade13]

Le bien bonjour à tout, je veux crée un menu à deux niveau, voilà mon code

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
 
 
		 $(document).ready(function() {
 
			$(".drop #navul li a").hover(
			  function () {
				$(this).append($("#drop2").css("display","block"));
			  }, 
			  function () {
				$(this).find("#drop2").remove();
			  }
			);

drop c'est le div du premiers niveau qui marche bien et drop2 c'est le deuxième niveau, quand je fait un hover il plante avec le message d'erreur dans le titre.

Je vous remercie d'avance

[SpaceFrog]

Première remarque ... gérer un menu a niveau par des append et remove ???
essaye plutot des hide show ? slideToggle ???

ensuite sans nos montrer le html associé ... ??? faut qu'on le devine ???

[stade13]

Première remarque ... gérer un menu a niveau par des append et remove ???
essaye plutot des hide show ? slideToggle ???

ensuite sans nos montrer le html associé ... ??? faut qu'on le devine ???

Voilà le code html

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
 
<div class="drop">
								<ul>
									<BOUCLE_sousmenuHaut(RUBRIQUES){id_parent=#ID_RUBRIQUE}{par titre}>
 
											<li>
											<a href="#URL_RUBRIQUE" >[(#TITRE|supprimer_numero)]</a>
												<div id="drop2" style="display:none;">
													<ul>
														<li>
															<a> plop ppppppppppp </a>
														</li>
													</ul>
 
												</div>
											</li>
 
									</BOUCLE_sousmenuHaut>
									<BOUCLE_sousmenuHautArt(ARTICLES){id_rubrique=#ID_RUBRIQUE}{id_article!=13}{id_article!=8}{id_article!=18}{id_article!=14}{id_rubrique!=7}{tout}{par titre}>
 
 
										<li>
											<a href="#URL_ARTICLE" >[(#TITRE|supprimer_numero)]</a>									
										</li>	
 
									</BOUCLE_sousmenuHautArt>
 
								</ul>
							</div>

les truc bizard c'est spip

[SpaceFrog]

le code html généré aurait été plus clair. ...

mais à vue de nez je vois déja des duplications d'id ...
Un id doit être unique sur la page

[stade13]

le code html généré aurait été plus clair. ...

mais à vue de nez je vois déja des duplications d'id ...
Un id doit être unique sur la page

J'ai laisser tomber l'idée, je vais faire tout en css. Je vous remercie

[Bovino]

Et au niveau de la conception, quand tu fais

Code :

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

$(this).find("#drop2").remove();

ne t'attends pas à pouvoir retrouver ton élément au survol suivant...

Code :

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

$(this).append($("#drop2")