[HTML] Retour à la ligne dans TEXTAREA

**Enthau** · 10/09/2008, 15h07

Bonjour,

j'ai fait un site avec un petit formulaire dont l'un des éléments est un textarea.
J'ai volontairement désactivé la touche "Enter" pour ne pas activer un submit si je fait entrer sur la page.
Le soucis, c'est qu'en désactivant la touche "Enter", le saut de ligne ne marchait plus dans le textarea (jusqu'ici tout est normal).
J'ai donc créer un évènement dans le textarea pour que lorsque je clic sur entrer, j'ai un saut de ligne.
Voici le code (simplifié) :

Code :

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

1
2
3
4
5
6
 
<html>
<body onKeyPress="if (event.keyCode == 13) return false;">
<TEXTAREA name="message" rows=10 COLS=85 onKeyPress="if (event.keyCode == 13) this.value = this.value+'\n';"></TEXTAREA>
</body>
</html>

Ce code marche très bien avec Firefox, mais c'est pas terrible avec IE : lorsque j'appuie sur entrer, le curseur "simule" un espace, et si je continue d'écrire ça va bien à la ligne. En gros ça marche mais d'un point de vue esthétique ça me plait pas du tout (pourquoi le curseur va pas à la ligne ??).
Je suis un peu tatillon mais si quelqu'un peut me dépanner ça serai grandiose.

Merci

**E.Bzz** · 10/09/2008, 15h23

Bonjour,
pour gérer ces retour lignes, tu peux jouer sur le paramètre HTML wrap = 'virtual' (affichés mais non stockés) / 'physical' (affichés et stockés) / 'off' (désactivés).

Pour la touche entrée, il serait ainsi plus simple de remplacer le bouton submit par un

Code :

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

<input type="button" value="Envoyer" onclick="this.form.submit();">

qui ne réagira pas à la touche Entrée, mais uniquement au clic ...

A+

**Enthau** · 10/09/2008, 15h29

Salut E.Bzz et merci pour ta réponse.

Mon soucis ne vient pas de l'attribut wrap, qui sert (si je ne me trompe pas) à revenir à la ligne automatiquement lorsqu'on arrive "à droite" du textarea.
Mon soucis vient de l'appui sur la touche entrer.

Pour ce qui est des boutons, j'avais pensé faire ce que tu me conseil, mais pour des raisons que je t'épargnerai, je suis obligé d'avoir des "submit" au lieu de "button" avec "onclick".

Merci quand même, je continue à chercher pourquoi IE me casse les bras...

**E.Bzz** · 10/09/2008, 15h55

Envoyé par Enthau

Mon soucis ne vient pas de l'attribut wrap, qui sert (si je ne me trompe pas) à revenir à la ligne automatiquement lorsqu'on arrive "à droite" du textarea.
Mon soucis vient de l'appui sur la touche entrer.

Non non : c'est bien à gérer la touche Entrée que sert l'attribut wrap.
As-tu essayé ?
Ceci dit, si tu ne peux pas enlever le submit, la modif ne sert à rien

A+

[HTML] Retour à la ligne dans TEXTAREA

JavaScript

Vue hybride

Discussions similaires

Partager

Partager