Remplir input text

Version imprimable

Remplir input text

Bonjour,

J'ai le code html suivant:

Code :
Code:

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:

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

21/03/2011, 15h48
SpaceFrog

Code:

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

c'est quoi ça ?
21/03/2011, 15h54
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
21/03/2011, 15h59
erox44
Hello,
un truc comme ceci ca fonctionne?
Code:

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.
21/03/2011, 16h10
SpaceFrog

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

le voici

Code:

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

Code:

1
2
3
 
 
 $("input#titremenu").val($(".dynatree-active").nextAll('a').eq(0).html())

Bon j'ai fait ça:

Code:

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

Mais ça marche pas

Code:

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
<script type="text/javascript">
 $(function(){   
 $("#tree").click(function(){
		$("#titremenu").val($(".dynatree-active").children('a:first').html())
		  })
})		  
</script>
<style type="text/css">
	span {border:solid 1px red;
	       width:50px;  }
</style>
</head>
<body>
<input type="text" id="titremenu"/>
 
<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>

ce qui revient aussi à :

Code:

1
2
3
 $("#tree").click(function(){
		$("#titremenu").val($(".dynatree-active a:first").html())
		  })

21/03/2011, 16h54
abadou

ça marche mais lorsque je mets le script dans la même page mais lorsque je le mets dans un fichier js ça marche pas, savez vous pourquoi?
21/03/2011, 16h56
SpaceFrog

enlève les balises script de ton fichier js ?
21/03/2011, 16h57
abadou

Il n'y a pas de balises scripts dans le fichier js
21/03/2011, 17h02
SpaceFrog

il ressemble à quoi ?
et tu le lies comment à ta page ?
21/03/2011, 17h06
abadou
je l'appelle comme ça:

<script src="/js/scripts.js" type="text/javascript"></script>

et je travaille déjà avec, j'utilise dans ce fichier
Code:

1 2 3 $(document).ready(function () { })
et je mets dedans les csript jQuery
21/03/2011, 17h12
SpaceFrog

le path n'est pas bon ...
/js/scripts.js

c'est soit ../ ou js/
21/03/2011, 17h18
abadou

ce n'est pas un problème parce que je travaille déjà avec ce fichier sans aucun soucis, j'ai essayé même d'enlever les slash comme tu a dis mais ça change rien, toujours le 2ième clique qui fonctionne
21/03/2011, 17h23
SpaceFrog

tu l'insères au mauvais endroit ?
avant le script jquery ?

ça ne peut etre qu'un souci de path ou d'instanciation

en tout etat de cause /js est un mauvais path

../ pour remonter d'un niveau
js/ pour descendre d'un niveau