Discussion :

[new_dreams]

bonjour

j'ai un problème avec gestion des liste LI , sachant que leur contenu est récupéré d'une base de données; je m'explique :

j'ai 2 menu :
+ liste-vmenu : contient des catégories récupérer d'une base de données.
+ [sous-menu : contient des sous catégories récupérés d'un BD je cache cette menu par défaut avec dispaly:none.

=> quand je clique sur une catégorie ( liste-vmenu ) je veux faire apparaître les sous catégories (sou-menu) correspondantes

voila le code PHP -Symfony :

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
<div id="vmenu">
 
 
 
<ul id="liste-vmenu">{% for Categorie in Categories %}
 
   <li > 
 
      <span class="text-vmenu" >{{ Categorie.Libelle  }}</span>
 
 
 
      <div class="sous-menu" id="new" >
 
 
 
	<ul>{% for SousCategorie in SousCategories %}
 
 
 
	      {% if SousCategorie.Categorie.Libelle==Categorie.Libelle %}
 
 
 
	     <li>{{ SousCategorie.Libelle }}</li>
 
 
 
	    {% endif %}
 
	   {% endfor %}
 
       </ul>
 
    </div><!-- fin sous-menu-->
 
  {% endfor %}
 
 
 
  </li>
 
 
 
</ul>
 
 
 
</div><!-- fin vmenu-->

bon je sais pas comment gérer se problème avec javascript ou bien jquery

j'ai deja fait un test mais ca fonction juste pour la promière LI du Catégorie :

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
<script type="text/javascript">
 
  	$(document).ready(function(){
 
 
 
 
 
  		$("#liste-vmenu").click( function() {
 
 
 
	     $("#new").css("display","block");
 
		});
 
  	});
 
  </script>

un coup de main SVP
merci

[cahnory]

Pourrais-tu s'il te plait nous montrer le code HTML généré ?

[andry.aime]

Bonjour,

A lire Important : Les règles incontournables d'utilisation de ce forum

J'imagine bien que tu auras plusieurs div avec l'id="new" avec ton code. Un id doit être unique dans un document.

Code :

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

1
2
3
 $("#liste-vmenu").click( function() {
	$('.sous-menu').css("display","block");
});

A+.

[new_dreams]

merci andry.aime

si j'utilise la classe .sous-menu dans le code jss le clique sur chaque li affiche tous les sous catégories enregistrés dans la base

[cahnory]

Surement mais c'est pas une fatalité et ça ne justifie pas de déroger aux bonnes pratiques. Il va simplement falloir changer le ciblage de tes sous menus.
Encore une fois je ne peux que te conseiller de nous poster le html généré.

[new_dreams]

merci cahnory

c'est deéja du 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
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
<div id="vmenu">
 
 
 
<ul id="liste-vmenu">{% for Categorie in Categories %}
 
   <li > 
 
      <span class="text-vmenu" >{{ Categorie.Libelle  }}</span>
 
 
 
      <div class="sous-menu" id="new" >
 
 
 
	<ul>{% for SousCategorie in SousCategories %}
 
 
 
	      {% if SousCategorie.Categorie.Libelle==Categorie.Libelle %}
 
 
 
	     <li>{{ SousCategorie.Libelle }}</li>
 
 
 
	    {% endif %}
 
	   {% endfor %}
 
       </ul>
 
    </div><!-- fin sous-menu-->
 
  {% endfor %}
 
 
 
  </li>
 
 
 
</ul>
 
 
 
</div><!-- fin vmenu-->

[andry.aime]

Quand ta page est chargé, regarde dans le source HTML qui est sur ton navigateur et c'est ce qu'on veut.

Code :

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

1
2
3
$(".text-vmenu").click( function() {
	$(this).next('.sous-menu').css("display","block");
});

A+.