Vider un textarea par la touche entrée 2.0

Version imprimable

03/04/2013, 11h43
Aoernis

Vider un textarea par la touche entrée 2.0
Bonjour

J'ai un petit souci très simple. J'ai une textarea, quand je presse Enter ça submit le contenu de la textarea. Et ça clear la textarea (id=texto).
Pour cela j'utilise "onKeyPress" et :
Code:

1 2 3 4 5 6 7 if (event.keyCode == 13) { event.keyCode = 0; envoisDuMessage(this.texto.value); this.texto.value=''; this.texto.innerHTML=''; }
Problème ça ne marche pas sous Firefox, ni sous Opéra (et peut-être ailleurs). Le saut de ligne généré par l'appuie sur Enter reste dans la textarea. event.keyCode = 0; n'a aucun effet.

Ce message fait bien sur echo à celui ci, pour trouver une solution qui marcherai pour tout les navigateurs. Avez vous des idée ?

Cordialement

Tu peux le faire à l'aide de Jquery :

Code:

1
2
3
4
5
6
7
8
9
10
 
$(function(){
$("textarea").keydown(function(e){
if(e.keyCode == 13)
{
     $(this).val('');
     return false;
}	 
});
});

03/04/2013, 12h40
Aoernis

Hooo, ya bon ça. Et comment ça marche en profondeur ? Jquery intègre une couche qui fait adapte le comportement de $(this).val(''); en fonction du navigateur ?
03/04/2013, 12h48
SpaceFrog

C'est vraiment chercher les ennuis que d'aller à l'encontre de l'ergonomie logique des éléments de formulaire ....
03/04/2013, 13h50
Bovino

Je rejoins Spaffy... à quoi peut bien te servir un textarea si tu empêches les retours à la ligne ? :koi:
03/04/2013, 13h52
Aoernis

Dans le context d'un chat en ligne.
Avoir une textarea me semblais le plus cohérent pour avoir un zone de saisie d'une bonne taille.

Dans l'absolu j'évite de toucher au fonctionnement de basse.
Mais bon il y à des cas ou c'est beaucoup plus user friendly. Comme pour poster un message sur un chat. Et je sais que le reste de l’équipe du site aurai fini par me le demander ce comportement de toutes façon.
03/04/2013, 14h21
Kaamo

Je rejoins les autres.
Une ligne = <input type="text" />
Plusieurs = <textarea>

Citation:

Avoir une textarea me semblais le plus cohérent pour avoir un zone de saisie d'une bonne taille.

Il y a size de input pour ça

Citation:

Mais bon il y à des cas ou c'est beaucoup plus user friendly. Comme pour poster un message sur un chat

:koi: je ne vois pas dans quelle mesure si t une veux pas de multilignes
03/04/2013, 14h33
Aoernis

Heu, ouai :/ vous avez raison enfaite. C'est juste que mon code à pas mal évoluer et à l'origine j'utilisais, un bouton pour submit et du coup les saut de ligne étaient possibles.

Mais bon à cotée de ça, d'autre système de chat (en ligne, ou non) utilise des zone de saisie multi-lignes. Et autant d'un coté ils catchent l’appui sur Enter pour l’envoie les message. Autant de l'autre ils permettent de faire des saut de ligne par l'utilisation de Shift+Enter. C'est notamment le cas de Gtalk et de Skype.
03/04/2013, 14h42
SpaceFrog

modifie ton form pour mettre un input type button à la place du submit ?
gère les envois avec ajax / jquery ...
03/04/2013, 15h02
Aoernis

Oui. J'ai volontairement édulcorer au maximum mon problème, des élément qui vont autour, pour ne pas rendre la lecture pénible et longue. Mais bien sur tout cela est dans le cadre d'un chat sur un site web, avec de l'AJAX/JQuery, etc...

Objectivement, pour répondre à ma question première on s'en foutait complétement de connaitre le contexte. Non ?
Je voulais juste retirer un saut de ligne moi ^^ :pastaper: