Retour à la ligne dans mon input text?

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

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, 02h47

Bonsoir

Code :

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

<textarea>Un mot pour remplir</textarea>

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

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, 11h19

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, 11h34

Heu tu as vraiment testé mon code ???

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

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, 12h01

Code :

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

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

Retour à la ligne dans mon input text?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager