Discussion :

[pasc06]

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 :

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

<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 :

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

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

[guigo]

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

Code :

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

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

[bigboomshakala]

vous allez chercher loin...

Code :

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

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

[pasc06]

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

J'ai essayé ça :

Code :

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

<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 ?

[bigboomshakala]

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

[pasc06]

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

[bigboomshakala]

ça ne marche pas mieux

[pasc06]

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

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

[bigboomshakala]

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

Code :

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

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

sinon il faut bidouiller en javascript

[pasc06]

Apparemment ça marche !

Merci !

Et pour la 2ème question ?

[bigboomshakala]

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

[Bovino]

Et pour la 2ème question ?

Code :

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

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

Devrait le faire.

[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

[bigboomshakala]

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

[Bovino]

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

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

[pasc06]

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