Discussion :

[mesken]

Bonjour,

J'ai une liste de menus que je récupère de la BD et que je transforme en arbre dans une liste (<ul> et <li>). Mais j'ai un problème celui de savoir sur quel menu l'utilisateur à cliqué afin d'effectuer un traitement précis.
Le problème se complique encore dans la mesure où c'est plutôt l'identifiant du menu et le menu lui même que je voudrais récupérer puisque j'ai ai besoin de l’identifiant surtout pour un traitement future mais les menus que j'affiche ne sont constitués que des noms des menus.

Lorsque je récupère et j'affiche les menus sous forme d'arbre, où est ce que je peux garder l'identifiant correspondant à chaque menu de tel sorte que un clique sur n'importe quel menu me renvoi l'identifiant et le menu en question ?

Merci

[utopman]

Salut Mesken,




tu peux procéder comme il suit en js traditionnel pour récupérer les valeurs que tu souhaites
JS

Code :

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

1
2
3
4
function whoIs( item )
{
  alert( item.getAttribute('id') );
}

avec l'arbre qui correspond

Code :

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

1
2
3
4
<ul>
    <li id="1" onclick="whoIs(this)">elt A</li>
    <li id="2" onclick="whoIs(this)">elt B</li>
<ul>

tu peux aussi utiliser jQuery:

Code :

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

1
2
3
4
5
$('.giveId').click(
  function(){
    alert( $(this).attr('id') );
  }
);

avec son html

Code :

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

1
2
3
4
<ul>
    <li id="1" class="giveId">elt A</li>
    <li id="2" class="giveId">elt B</li>
<ul>

personnellement, j'aime beaucoup jQuery, car le JS est complètement séparé du HTML, cependant, la forme JS pur que je t'ai montré est plutôt propre.

Bon code

[mesken]

Ok merci utopman

[mesken]

je croyais que c'est résolu mais il y a encore un problème, c'est que je constitue un arbre dynamiquement avec les données venant de la BD et les les attributs id ne sont pas connus d'avance, l'attribut id de chaque <li> est égal à l'identifiant du menu venant de la table (du genre <li id='1'></li>). Je ne sais comment récupérer l'identifiant du menu cliqué. Lorsque tu dis ceci $('.giveId').click(), ce n'est pas possible puisque je ne connais pas l'attribut d'avance.
J'ai fait ceci :

Code :

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

1
2
3
4
$('li').click(function() {				   
	var identifiant = $(this).attr("id");
	alert(identifiant);			
});

Mais là quand je clique sur un menu, il me renvoi la valeur de l'id cliqué (ce qui est intéressant) mais le pb c'est qu'il me renvois aussi les id de ses parents, ce que je ne veux pas.

Merci

[mesken]

J'arrive toujours pas à trouver la solution