faire réagir un textarea lors de l'appui sur entrée

**keumlebarbare** · 17/10/2006, 11h03

Bonjour,

je suis un peu embêté avec un formulaire où je souhaite changer un input de type text en textarea.

En effet, quand j'utilise un input, il n'y a pas de souci, je tappe entrée et cela submit mon formulaire, mais dans le textarea, cela passe à la ligne suivante.

Je voulais savoir comment faire en sorte que cela se passe comme sur msn par exemple: entrée pour valider, et ctrl+entrée pour passer à la ligne.

J'ai cherché du coté onKeyEvent, mais je ne suis pas tombé sur une solution qui tient la route.

Merci

**guy777** · 17/10/2006, 12h13

Bonjour, voici un petit 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
15
16
17
18
19
20
21
22
23
24
25
26
27
 
<html>
    <head>
    </head>
    <body>
        <form method="POST" id="MyForm" action="essai2.html">
            <textarea id="MyTextArea">Ecrivez votre texte ici</textarea>
        </form>
       <script>
            textArea = document.getElementById('MyTextArea');
            formulaire = document.getElementById('MyForm');
 
            textArea.onkeypress = traiteEntree;
 
            function traiteEntree(e) {
                if(navigator.appName == "Microsoft Internet Explorer") {
                    if(window.event.keyCode == 13)
                        formulaire.submit();
                }
                else {
                    if(e.keyCode == 13)
                        formulaire.submit();
                }
            }
        </script>
    </body>
</html>

L'idee c'est de surveiller l'évènement onKeyPress et de tester à chaque touche pressée, dès que l'on a le code 13 qui correspond à la touche Entrée, on force la soumission du formulaire avec submit()

**keumlebarbare** · 17/10/2006, 12h18

Ha ok, il faut soustraiter par une fonction, merci pour la réponse!

**guy777** · 17/10/2006, 12h20

Euh attention je viens de modifier mon message précédent !!!

**keumlebarbare** · 17/10/2006, 13h43

J'en ai pris note, j'avais apporté cette modification

**Memes** · 21/10/2006, 06h00

moi, c'est l'inverse, j'ai ce code :

Code :

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

1
2
3
4
5
6
7
8
<form name="ajoutmessageforum" action="validmessageforum.php" method="POST">
<!-- bloc de donnée à enregister dans la base -->
Message : <br> <input name="message"  type="textarea" style="width:350px; height:100px" /><br><br>
<br><br>
 
<input type=submit value=Envoyer> &nbsp &nbsp
		  <input type=reset value=Annuler>
</form>

et quand je tape entrée, çà submit alors que je voudrais que çà passe à la ligne.

Comment faire?

Merci

++
Memes

**Memes** · 21/10/2006, 06h19

bon, j'ai changé un peu, mon code est :

Code :

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

1
2
3
4
5
6
7
8
<form name="ajoutmessageforum" action="validmessageforum.php" method="POST">
<!-- bloc de donnée à enregister dans la base -->
Message : <br> <textarea  name="message"></textarea>
<br><br>
<br><br>
<input type=submit value=Envoyer> &nbsp &nbsp
		  <input type=reset value=Annuler>
</form>

çà passe bien à la ligne dans le formulaire, le message est bien enregistré dans la base SQL, mais après, le message apparait sur une seule ligne, le retour à la ligne est remplacé par un espace. Je pense que c'est au niveau de l'extraction.

???

Merci

++
Memes

**Sangodams** · 22/10/2006, 14h37

Là c'est en PHP que ça se passe. Utilise la fonction nl2br() pour remplacer les sauts de lignes par des balises <br />.

**Memes** · 22/10/2006, 17h12

en fait, j'ai utilisé

Code :

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

$message=ereg_replace(chr(13),'<br>',$message);

Merci

faire réagir un textarea lors de l'appui sur entrée

JavaScript

Discussions similaires

Partager

Partager