Remplir input text [Résolu]

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

21/03/2011, 15h48	#2
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	Code : Sélectionner tout - Visualiser dans une fenêtre à part $(".dynatree-active a").text() c'est quoi ça ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

21/03/2011, 15h54	#3
abadou Candidat au titre de Membre du Club Asmaâ BADOU Inscription : janvier 2010 Messages : 63 Détails du profil Informations personnelles : Nom : Asmaâ BADOU Informations forums : Inscription : janvier 2010 Messages : 63 Points : 14 Points : 14	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
	00

21/03/2011, 16h10	#5
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	ben comme tu ne nous montre pas tou le code ... je ne vois pas de a dans tes li ... __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

21/03/2011, 16h54	#11
abadou Candidat au titre de Membre du Club Asmaâ BADOU Inscription : janvier 2010 Messages : 63 Détails du profil Informations personnelles : Nom : Asmaâ BADOU Informations forums : Inscription : janvier 2010 Messages : 63 Points : 14 Points : 14	ç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?
	00

21/03/2011, 16h56	#12
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	enlève les balises script de ton fichier js ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

21/03/2011, 16h57	#13
abadou Candidat au titre de Membre du Club Asmaâ BADOU Inscription : janvier 2010 Messages : 63 Détails du profil Informations personnelles : Nom : Asmaâ BADOU Informations forums : Inscription : janvier 2010 Messages : 63 Points : 14 Points : 14	Il n'y a pas de balises scripts dans le fichier js
	00

21/03/2011, 17h02	#14
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	il ressemble à quoi ? et tu le lies comment à ta page ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

21/03/2011, 17h12	#16
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	le path n'est pas bon ... /js/scripts.js c'est soit ../ ou js/ __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

21/03/2011, 17h18	#17
abadou Candidat au titre de Membre du Club Asmaâ BADOU Inscription : janvier 2010 Messages : 63 Détails du profil Informations personnelles : Nom : Asmaâ BADOU Informations forums : Inscription : janvier 2010 Messages : 63 Points : 14 Points : 14	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
	00

21/03/2011, 17h23	#18
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 007 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 007 Points : 45 091 Points : 45 091	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 __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email