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

Version imprimable

17/10/2006, 11h03
keumlebarbare

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

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

Bonjour, voici un petit code :

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

17/10/2006, 12h18
keumlebarbare

Ha ok, il faut soustraiter par une fonction, merci pour la réponse!
17/10/2006, 12h20
guy777

Euh attention je viens de modifier mon message précédent !!!
17/10/2006, 13h43
keumlebarbare

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

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

1 2 3 4 5 6 7 8 <form name="ajoutmessageforum" action="validmessageforum.php" method="POST">  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

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

1 2 3 4 5 6 7 8 <form name="ajoutmessageforum" action="validmessageforum.php" method="POST">  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

22/10/2006, 14h37
Sangodams

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

en fait, j'ai utilisé

Code:

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

Merci