Retour à la ligne automatique dans une zone de texte

Bonjour,

Je suis en train de faire un formulaire dans lequel il y a un champ textearea.

Ce champ fait 100 caractères de large sur 5 lignes. (500 caractères permis au total)

Pour l'instant quand l'utilisateur tape le 101ème caractère ça ajoute un ascenseur horizontal qui s'allonge au fur et à mesure si on ne fait pas de retour chariot.

Je voudrais que qd l'utilisateur tape le 101ème caractère ça passe automatiquement à la ligne, même chose pour le 201ème, etc

Et que ça bloque la saisie à 500 caractères !

Comment faire ?

Voici le code :

Code:

---

<textarea name="presentation" cols="100" rows="5" id="presentation"></textarea>

---

Ensuite je crois qu'il faut remplacer les <BR> par des sauts de ligne avec cette commande :

Code:

---

1 2	str_replace("\n","<br>", $presentation);

---

Est ce suffisant ? Si l'utilisateur saisit sur un mac ça marche aussi ?

Merci pour la réponse

Yo,
La solution est plus vers un script js je pense.
Tu pex pour limiter le nb de caractere faire ceci par exemple

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

function twCompteur_Texte(nTexte, nCompteur, nLimite) { if (nTexte.value.length > nLimite) nTexte.value = nTexte.value.substring(0, nLimite); else nCompteur.value = nLimite - nTexte.value.length;s }   //formulaire   <textarea cols="38" rows="5" name="CptTxt" onKeyDown="twCompteur_Texte(this.form.CptTxt,this.form.compteM,75);" onKeyUp="twCompteur_Texte(this.form.CptTxt,this.form.compteM,75);" onblur="twCompteur_Texte(this.form.CptTxt,this.form.compteM,75);" wrap="physical"></textarea> <input readonly="readonly" type="text" name="compteM" size="4" maxlength="4" value="75"

---

Bon courage
tchuss guigo

:roll: vous allez chercher loin...

Code:

---

<textarea maxlength="20" rows="5" style="overflow:auto">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</textarea>

---

Cette solution serait parfaite mais ça ne marche pas. Il doit y avoir une erreur de syntaxe....

J'ai essayé ça :

Code:

---

<textarea name="presentation" maxlength="20" rows="5 style="overflow:auto"aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa id="presentation" </textarea>

---

La zone de saisie fait maintenant 20 caractères, mais ça n'empêche pas l'ascenseur....

Une autre solution ?

:aie: catégorie boulet, le winner is me... j'ai confondu textarea et input text...
effectivement il faut passer par un js (il n'y a qu'IE qui coupe un mot trop long)

maxlength c'est pour l'input

Je vais donc essayer la fonction donnée plus haut je vous tiens au courant...

ça ne marche pas mieux

Merci d'avoir essayé avant moi j'aurais galéré...

Ca me parait pourtant basique ce problème c'est dingue ça...!

si on écrit normalement (c'est-à-dire des mots de [beaucoup] moins de 100 caractères)

Code:

---

<textarea wrap="virtual" cols="100" rows="5"></textarea>

---

sinon il faut bidouiller en javascript

Apparemment ça marche !

Merci !

Et pour la 2ème question ?

a priori ya pas de raison que ça ne marche pas sur un mac, linux ou que sais-je. ça dépend du navigateur uniquement. IE, FF et Opera accepte l'attribut wrap. possible que d'autres navigateurs ne l'accepte pas car il n'est pas standard

Citation:

---

Envoyé par pasc06

Et pour la 2ème question ?

---

Code:

---

1 2 3

document.getElementById('ton_textarea').onkeydown=function(){ if(this.value.length>500){return false} }

---

Devrait le faire.

Cette fonction devrait me remplacer les <BR> par des \n ?

Et pour les macs ça marche aussi ?

Je n'ose le croire ! Mais alors Dieu existe ??? Lol

Citation:

---

Envoyé par pasc06

Cette fonction devrait me remplacer les <BR> par des \n ?

Et pour les macs ça marche aussi ?

Je n'ose le croire ! Mais alors Dieu existe ??? Lol

---

la fonction ne remplace pas BR par \n,
donc n'y crois pas,
donc Dieu n'existe pas
CQFD
:aie:

Désolé, je croyais que la 2e question était :

Citation:

---

Et que ça bloque la saisie à 500 caractères !

---

Même en étant nul en Js j'avais compris...! ;)