Retour à la ligne dans mon input text?

**maestro982** · 02/08/2010, 00h02

salut à tous!

Je cale sur une chose qui me paraissait simple au début...

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script language="javascript" type="text/javascript">
      function change(code){
        var valeur = document.form.champ.value;
        if(valeur.search(code) != -1){
          valeur = valeur.replace(' '+code+' ', '');
          document.form.champ.value = valeur;
          return false;
        }
        else{
          document.form.champ.value += ' '+code+' ';
          return true;
        }
      }
    </script>

et ca c'est la partir html:

Code :

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

1
2
3
4
5
6
7
8
9
<form name="form">:
       <input type="textarea" name="champ"  ><br/>
       <input type="checkbox" name="cocher" value="1" 
              onclick="change('Première valeur');" > Première valeur
       <input type="checkbox" name="cocher" value="2" 
              onclick="change('Seconde valeur');"> Seconde valeur
       <input type="checkbox" name="cocher" value="3" 
              onclick="change('Troisième valeur');"> Troisième valeur
    </form>

Donc lorsque je clique les sélections apparaissent au fur et a mesure de mes clics mais sur la même ligne !! Moi j'aimerais que chaque sélection soit à la ligne pour établir une liste claire de mes sélections vous voyez????

Et là je vous avoue avoir tout trifouillé, avec la fatigue c'est vrai...

A moins qu'il ne soit pas pertinent de mettre tout ca dans un input textarea!! enfin là je bloque , désolé je sais qu'il y a sujet bien plus passionnants!
Byyyye merci!

**danielhagnoul** · 02/08/2010, 01h47

Bonsoir

Code :

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

<textarea>Un mot pour remplir</textarea>

**SpaceFrog** · 02/08/2010, 08h22

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
<script language="javascript" type="text/javascript">
      function change(code){
        var valeur = document.form.champ.value;
        if(valeur.search(code) != -1){
          valeur = valeur.replace(' '+code+' ', '');
          document.form.champ.value = valeur;
          return false;
        }
        else{
                document.form.champ.value+=code+'\r\n';
		// augmenter le nombre de lignes visibles: document.form.champ.rows++                
          return true;
        }
      }
    </script>
</head>
 
<body>
<form name="form">:
       <textarea name="champ"  ></textarea>
       <input type="checkbox" name="cocher" value="1" 
              onclick="change('Première valeur');" > Première valeur
       <input type="checkbox" name="cocher" value="2" 
              onclick="change('Seconde valeur');"> Seconde valeur
       <input type="checkbox" name="cocher" value="3" 
              onclick="change('Troisième valeur');"> Troisième valeur
    </form>
</body>
 
</html>

**maestro982** · 02/08/2010, 10h19

Merci de vos réponses,

mais ca marche pas, là ca me supprime l'espace entre les sélections, mais ca va pas à la ligne...

**SpaceFrog** · 02/08/2010, 10h34

Heu tu as vraiment testé mon code ???

**maestro982** · 02/08/2010, 11h01

Hahahha j'avais testé juste en changeant une partie.... Désolé bien sûr qu'il fonctionne ton code !!!
Merci à toi!!!!
P.S: j'accepte de me retrouver dans la rubrique humour

**Bovino** · 02/08/2010, 11h01

Code :

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

valeur = valeur.replace(code+'\r\n', '');

**maestro982** · 02/08/2010, 11h13

Ha alors ca va à la ligne mais quand je décoche ca ne s'efface plus! Qu'est ce qui a changé svp?

**SpaceFrog** · 02/08/2010, 11h37

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
<script language="javascript" type="text/javascript">
      function change(code){
      valeurs=new Array('Première', 'Deuxiéme', 'Troisième')
       document.forms['form'].elements['champ'].value=''
        var valeur = document.form.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-1]+' valeur\r\n'
        		}       
        }
      }
    </script>
</head>
 
<body>
<form name="form">:
       <textarea name="champ" rows=10></textarea>
       <input type="checkbox" name="cocher" value="1" 
              onclick="change(this.value);" > Première valeur
       <input type="checkbox" name="cocher" value="2" 
              onclick="change(this.value);"> Seconde valeur
       <input type="checkbox" name="cocher" value="3" 
              onclick="change(this.value);"> Troisième valeur
    </form>
</body>
 
</html>

**maestro982** · 02/08/2010, 12h27

Ha oui c'est ca!!!! alors tu vas me trouver lourd...
Y a-t-il un moyen de remplacer

Code :

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

 valeurs=new Array('Première', 'Deuxiéme', 'Troisième')

par quelque chose qui fasse que l'array soit reconnu un peu comme en php avec []
je voulais tenter ca

Code :

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

var valeur = (document.form.coche[i].value)

après ton while
Mais je ca marche pas bien sûr...
Parce que mes valeurs sont afficher par du php, là c'était un exemple, j'en ai beaucoup de checkboxs, donc tout ca dans un tableau de ce type, pas vraiment pratique, tu me comprends j'espère?

**SpaceFrog** · 02/08/2010, 14h01

ben en fait comme tu as deux valeurs ...
la vraie value (ex: 1)de l'option ... et le texte "première valeur)

pourquoi ne fais tu pas une boucle en php pour concaténer ton array js ?

**maestro982** · 02/08/2010, 14h25

En fait ce qui m'embrouille c'est que mon array n'est pas défini tant que je n'ai pas coche.
Mais la première solution était très bien!

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
<script language="javascript" type="text/javascript">
      function change(code){
        var valeur = document.form.champ.value;
        if(valeur.search(code) != -1){
          valeur = valeur.replace(' '+code+' ', '');
          document.form.champ.value = valeur;
          return false;
        }
        else{
                document.form.champ.value+=code+'\r\n';
		// augmenter le nombre de lignes visibles: document.form.champ.rows++                
          return true;
        }
      }
    </script>
</head>
 
<body>
<form name="form">:
       <textarea name="champ"  ></textarea>
       <input type="checkbox" name="cocher" value="1" 
              onclick="change('Première valeur');" > Première valeur
       <input type="checkbox" name="cocher" value="2" 
              onclick="change('Seconde valeur');"> Seconde valeur
       <input type="checkbox" name="cocher" value="3" 
              onclick="change('Troisième valeur');"> Troisième valeur
    </form>
</body>
 
</html>

Je pensais qu'il "suffisait de rajouter une condition avec checked pour que la sélection s'annule des que je décoche! non?? Merci a toi en tout cas...

**SpaceFrog** · 02/08/2010, 14h35

avec une bidouille sur le alt ...

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
34
<script language="javascript" 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].alt
				 }
 
       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">:
       <textarea name="champ" rows=10></textarea>
       <input type="checkbox" name="cocher" value="1" 
              onclick="change(this);" alt="première valeur" />Première valeur
       <input type="checkbox" name="cocher" value="2" 
              onclick="change(this);"  alt="seconde valeur" /> Seconde valeur
       <input type="checkbox" name="cocher" value="3" 
              onclick="change(this);"  alt="toisième valeur" /> Troisième valeur
    </form>
</body>
 
</html>

**maestro982** · 02/08/2010, 14h42

Ho niquel!

C'est quoi ce alt????
Désolé de t'avoir embêté avec ca , je le passe en résolu , merci

**SpaceFrog** · 02/08/2010, 14h53

alt est un attribut html qui permet habituellement de definir un affichage alternatif pour des éléments ayant un src...
on pourrait aussi utiliser title:

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>

**maestro982** · 02/08/2010, 14h57

Oui je le connaissais en html mais je ne voyais pas ce qu'il venait faire la merci encore byyye!

Retour à la ligne dans mon input text?

JavaScript

Discussions similaires

Partager

Partager