Discussion :

[abadou]

Bonjour,

J'ai le code html suivant:

Code :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<input type="text" id="titremenu"/>
<div id="tree">
        <ul>
            <li>menu1
                <ul>
                <li>menufils1</li>
                <li>menufils2</li>
                <li>menufils3</li>
                </ul>
            </li>
            <li>menu2</li>
        </ul>
    </div>

A chaque clique sur un <li> je veux que son contenu s'affiche dans l'input text exemple: menu1

voici mon code jQuery:
Code :

Code :

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

1
2
3
4
5
 
$("#tree").click(function(){
 
        $("input#titremenu").val($(".dynatree-active a").text());
    });

Mon problème c'est que je dois cliquer 2 fois pour que le text s'affiche dans l'input, peut être parce que j'ai fait l'action click sur la <div> qui les regroupe, mais lorsque je fait l'action sur les li ça donne rien du tout

Merci d'avance

[SpaceFrog]

Code :

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

$(".dynatree-active a").text()

c'est quoi ça ?

[abadou]

dynatree-active est une classe qui prend le li actif alors je lui dis d'accéder à la balise <a> que son li parent a cette classe, tu ne vois pas le <a> dans le code html parce que c'est généré avec le code jQuery

[erox44]

Hello,
un truc comme ceci ca fonctionne?

Code :

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

1
2
3
4
$("#tree li").click( function()
{
	$("input#titremenu").val($(this).text());
});

Sinon, donnes nous la source complète de ta page, surtout si des choses sont générées.

[SpaceFrog]

ben comme tu ne nous montre pas tou le code ...
je ne vois pas de a dans tes li ...

[abadou]

le voici

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
 
<div id="tree">
       <ul class="dynatree-container">
           <li class="">
               <span class="dynatree-node dynatree-has-children dynatree-exp-c dynatree-ico-c">
                   <span class="dynatree-expander"></span>
                   <span class="dynatree-icon"></span>
                   <a class="dynatree-title" href="#">menu1</a>
               </span>
           </li>
           <li class="dynatree-lastsib">
               <span class="dynatree-node dynatree-lastsib dynatree-exp-cl dynatree-ico-c dynatree-active">
                   <span class="dynatree-connector"></span>
                   <span class="dynatree-icon"></span>
                   <a class="dynatree-title" href="#">menu2</a>
               </span>
           </li>
       </ul>
   </div>
 
tu peux bien remarquer la classe dynatree-active