Affichage label checkbox dans zone de texte!

**maestro982** · 11/08/2010, 19h52

Boooooooonsoir à tous!

voilà il y a quelques jours on m'a aidé ( et je remercie encore Spacefrog d'ailleurs!) à résoudre un problème d'affichage dynamique au clic sur checkbox. L'objectif était d'afficher mes cases cochées dans un champ textarea, au fur et a mesure des clicks, (et si désélections des checkboxs =>effacement dans la sélection).
Et donc la solution suivante fonctionne, le problème est que normalement chaque value contient plusieurs valeurs. Et la cette solution ne fonctionne plus si le value contient plus de deux valeurs, pour une raison que j'ignore!
Alors voila la première solution, qui fonctionne mais pas comme je le souhaite donc:

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
<script type="text/javascript">
 
 
      function change(obj){
      valeurs=new Array()
          var i=-1
          while(document.forms['form'].elements['cocher'][++i]){
				 valeurs[document.forms['form'].elements['cocher'][i].value]=document.forms['form'].elements['cocher'][i].title
				 }
 
       document.forms['form'].elements['champ'].value=''
          var i=-1
          while(document.forms['form'].elements['cocher'][++i]){
        		if(document.forms['form'].elements['cocher'][i].checked){
        			document.forms['form'].champ.value+=	valeurs[(document.forms['form'].elements['cocher'][i].value)]+' \r\n'
        		}       
        }
      }
    </script>
</head>
 
<body>
<form name="form" action="truc.htm" method="post" >
       <textarea name="champ" rows=10 cols="80"></textarea>
       <input type="checkbox" name="cocher" value="1" 
              onclick="change(this);" title="première valeur" />Première valeur
       <input type="checkbox" name="cocher" value="2" 
              onclick="change(this);"  title="seconde valeur" /> Seconde valeur
       <input type="checkbox" name="cocher" value="3" 
              onclick="change(this);"  title="toisième valeur" /> Troisième valeur
    </form>

et moi j'avais pense a récupérer l'id dans le label que j'appelerai au clic aussi mais j'arrive a gerer le code que pour un id, pas pour plusieurs, sachanr que j'en ai plein plein plein

Alors si vous pouviez m'eclairer svp merciii!!!!

**Watilin** · 11/08/2010, 20h44

Salut,
ton code pique un peu les yeux mais je m’y penche quand même parce que je suis de bonne humeur ce soir

On va voir si j’ai bien compris ce que tu cherches à faire : remplace

Code :

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

valeurs = new Array();

par

Code :

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

valeurs = new Object();

Edit: non, ça sert à rien ce que je viens de dire, de toute façon un Array est un Object, donc même si la value n’est pas un nombre, ça marche.

Qu’est-ce que tu entends en fait par « ça ne marche pas » et « chaque value contient plusieurs valeurs » ?

Edit 2: En fait tu as une boucle while superflue, et ton code HTML me dérangeait un peu, alors je me suis permis de refaire le tout à ma sauce

Voir la pièce jointe.

**maestro982** · 11/08/2010, 21h12

Merci à toi!
En fait si tu testes ce code, tu vas voir que ca marche!

Mon souci c'est que chaque value contient plusieurs valeurs:
en gros:

Code :

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

<label>Choix 1</label> <input type="checkbox" name="coche" value="$valeur1, $valeur2, $valeur3"/>

de sorte que lorsque je clique un checkbox , trois valeurs différentes apparaissent!

Mais avec le code propose, ca marche que pour 2 valeurs max, je pige pas

Mais mon objectif, est toujours le même, lorsque je clique sur ce checkbox par exemple, je voudrais retrouver ma sélection dans une liste, en gros dans mon champ textarea: vous avez cliqué sur Choix 1, je veux juste faire apparaître le label en javascript et de manière instantanée , comme c'est déjà le cas mais avec une méthode avec laquelle je suis sûr que ça fonctionne (je dis ca avec tout le respect pour celui qui m'a aidé a faire le code original je l'ai nommé plus haut!

) tu me comprends j'espère?
Merci!!

**maestro982** · 12/08/2010, 00h11

Yeah!
Merci de t'être penché sur mon cas, ça marche niquel!

Ultra cool, j'ai vu qu'en plus tu as soigné la présentation avec des fieldsets

ahhahah merci!

J'ai mis du temps à répondre parce que j'ai mis du temps à adapter à ma page, je me suis complètement embrouiller, avec ton id du formulaire que j'avais oublié de changer de mon côté, erreur de débutant quoi! Bref c'est cool, maintenant! Merci à toi je passe en résolu!

**Founxi** · 05/05/2012, 23h42

Bonjour,

J'ai pu me permettre de reprendre ce code pour l'utiliser sur ma page perso. Cependant, je souhaite ajouter un champ de texte au script.

Je m'explique : lorsque j'introduit un exemple de num :
20 30 40 20 10 30 70 90 56 dans un champ texte, je clique sur un bouton générer qui générera les numéro et qui garde simplement les 3 dernier numéros c'est-à-dire 40 / 30 / 56.

Je suis novice en programmation, je me suis lancé dans les tutoriaux il y'a quelques jours. Pourriez-vous m'aider s'il vous plaît.

Merci d'avance

**SpaceFrog** · 06/05/2012, 12h09

Je m'explique : lorsque j'introduit un exemple de num :
20 30 40 20 10 30 70 90 56 dans un champ texte, je clique sur un bouton générer qui générera les numéro et qui garde simplement les 3 dernier numéros c'est-à-dire 40 / 30 / 56.

pour moi les 3 derniers numéros de ta suite sont 70 90 56 ???
non ??

**Founxi** · 06/05/2012, 13h13

Autant pour moi, je pense que je me suis mal exprimé.

Ce que je voulais dire, ce sont des numéros par série exemple :

20 30 40 / 20 10 30 / 70 90 56 .

Lorsque je colle la ligne dans mon champ, ensuite clique sur le bouton générer comme expliqué ci-dessus.

Le résultat sera = 40 / 30 / 56.

Merci SpaceFrog

**SpaceFrog** · 06/05/2012, 13h23

mais la suite de nombres, elle est entrée dans un seul et même champs ?
je ne pige pas trop l'ergonomie de ton truc

**Founxi** · 14/05/2012, 22h43

Bonsoir,

Voilà je vais faire de mon mieux pour être le plus explicite possible .

Ma demande est, comment changer la valeur d'un champ input text.

Exemple : J'ai un champ input texte ou numéro peut importe, j'introduit dans ce champ le n° du client qui est :

20 30 40 / 20 10 30 / 70 90 56.

Ensuite je clique sur le bouton générer et le résultat apparaitra dans le même champ sera : 40 / 30 / 56.

J'ai créer une petite images pour êtres plus claire :

Lien de l'image : http://www.hostingpics.net/viewer.ph...313generer.jpg

Désolé pour ce dérangement mais je ne sais comment êtres plus claire :=( j'espère que tu a compris mes explication

Merci d'avance.

Affichage label checkbox dans zone de texte!

JavaScript

Discussions similaires

Partager

Partager