Remplir input text

**abadou** · 21/03/2011, 15h44

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** · 21/03/2011, 15h48

Code :

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

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

c'est quoi ça ?

**abadou** · 21/03/2011, 15h54

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** · 21/03/2011, 15h59

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** · 21/03/2011, 16h10

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

**abadou** · 21/03/2011, 16h21

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

**SpaceFrog** · 21/03/2011, 16h29

Code :

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

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

**abadou** · 21/03/2011, 16h38

Bon j'ai fait ça:

Code :

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

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

Mais ça marche pas

**SpaceFrog** · 21/03/2011, 16h47

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
<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>

**SpaceFrog** · 21/03/2011, 16h51

ce qui revient aussi à :

Code :

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

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

**abadou** · 21/03/2011, 16h54

ç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?

**SpaceFrog** · 21/03/2011, 16h56

enlève les balises script de ton fichier js ?

**abadou** · 21/03/2011, 16h57

Il n'y a pas de balises scripts dans le fichier js

**SpaceFrog** · 21/03/2011, 17h02

il ressemble à quoi ?
et tu le lies comment à ta page ?

**abadou** · 21/03/2011, 17h06

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 :

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

1
2
3
 
$(document).ready(function () {
})

et je mets dedans les csript jQuery

**SpaceFrog** · 21/03/2011, 17h12

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

c'est soit ../ ou js/

**abadou** · 21/03/2011, 17h18

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

**SpaceFrog** · 21/03/2011, 17h23

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

Remplir input text

jQuery

Discussions similaires

Partager

Partager