Retour à la ligne dans mon input text?

Version imprimable

salut à tous!

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

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:

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!

02/08/2010, 01h47
danielhagnoul

Bonsoir

Code:

<textarea>Un mot pour remplir</textarea>

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

02/08/2010, 10h19
maestro982

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...:roll:
02/08/2010, 10h34
SpaceFrog

Heu tu as vraiment testé mon code ???
02/08/2010, 11h01
maestro982

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:aie:
02/08/2010, 11h01
Bovino

Code:

valeur = valeur.replace(code+'\r\n', '');
02/08/2010, 11h13
maestro982

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

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

02/08/2010, 12h27
maestro982

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

Code:

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:

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?
02/08/2010, 14h01
SpaceFrog

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 ?

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:

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

avec une bidouille sur le alt ...

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

02/08/2010, 14h42
maestro982

Ho niquel!

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

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:

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>

02/08/2010, 14h57
maestro982

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