fixer la taille d'un texte area

Marsh Posté le 20-04-2005 à 15:08:48

Bonjour je souhaiterais savoir comment faire pour fixer la taille d'un texte area en html à 255 caractères parce que ce texte est stocké dans une base de données et par conséquent il ne doit pas dépasser 255 caractères. j'ai essayé en fixant le nombre de l igne à 4 et de colonnes à 60 en pensant qu'il ne pourrait pas depasser mais quand il arrive au bout il peut continuer et le scrollbar descend. je voudrais eviter ca. est-ce possible?
merci d'avance pour votre aide :hello:

Reply

Marsh Posté le 20-04-2005 à 15:08:48

Reply

Marsh Posté le 20-04-2005 à 15:14:13

Tu coupes côté serveur

Reply

Marsh Posté le 20-04-2005 à 15:15:18

Il faut utiliser du java script :

Code :

<html><head><title>Limite la taille d'un textarea</title>
<script>
function limite(zone,max)
{
if(zone.value.length>=max){zone.value=zone.value.substring(0,max);}
}
</script>
</head><body>
<form name="menu1">
<TEXTAREA NAME="zone2Text" COLS="40" ROWS="10"
onKeyUp="limite(this,255);" onKeyDown="limite(this,255);"
>Votre texte ici.</TEXTAREA>
</form>
</body></html>

Reply

Marsh Posté le 20-04-2005 à 15:17:29

En réalité il faut faire les deux:
1- couper côté serveur, car il ne faut JAMAIS faire confiance à ce qui vient du client
2- utiliser du Javascript, mais pas ce qui a été proposé, ce code est immonde [:mlc]
utiliser le gestionnaire d'évènement JS et les classes, et l'inclusion de fichiers externes.
Moins il y a de code JS dans la page HTML, mieux c'est.

Message édité par masklinn le 20-04-2005 à 15:37:33

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 20-04-2005 à 15:19:53

ok merci jvai regarder tout ça. @+

Reply

Marsh Posté le 20-04-2005 à 15:20:40

Un jour les mecs se décideront a apprendre _sérieusement_ ce qu'est le JS > 1.2, et surtout à apprivoiser l'oiseau nommé DOM

Reply

Marsh Posté le 20-04-2005 à 15:38:50

FlorentG a écrit :

Un jour les mecs se décideront a apprendre _sérieusement_ ce qu'est le JS > 1.2, et surtout à apprivoiser l'oiseau nommé DOM

ouais enfin là on a besoin de genre une fonction du DOM, et deux attributs [:spamafote]
textarea.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title></title>
<script type="text/javascript" src="textareastopper.js"></script>
</head>
<body>
</body>
<div id="content">
<form action="" method="get">
<fieldset>
<legend>L33t Textarea</legend>
<textarea class="limited" name="mon_texte" cols="60" rows="4">Do your thingies here</textarea>
<br />
<input type="submit" name="submit" value="submit" />
</fieldset>
</form>
</div>
</body>
</html>

textareastopper.js:

/* Variables globales */
var maxTextareaLength = 255;
/* Fin Variables */

function addEvent(o,e,f){
if (o.addEventListener){ o.addEventListener(e,f,true); return true; }
else if (o.attachEvent){ return o.attachEvent("on"+e,f); }
else { return false; }
}

function textAreaStopper() {
var areas = document.getElementsByTagName('TEXTAREA');
for(var i=0; i<areas.length; i++)
if(areas[i].className=="limited" )
{
area = areas[i];

area.onkeydown = function () {
if(this.value.length>maxTextareaLength)
this.value = this.value.substr(0, maxTextareaLength);
}
}
}

addEvent(window, "load", textAreaStopper);

en gros
(et avec ça on limite à 255 chars toute textarea à laquelle on a donné la classe "limited" [:aloy] )

Message édité par masklinn le 20-04-2005 à 15:39:24

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 20-04-2005 à 15:39:10

C'est pas mon code sa vient de http://www.javascriptfr.com/
A vous de proposer mieux c'etait juste pour aider guedin_des _bois

Reply

Marsh Posté le 20-04-2005 à 15:41:28

K'sVTassledar a écrit :

C'est pas mon code sa vient de http://www.javascriptfr.com/
A vous de proposer mieux c'etait juste pour aider guedin_des _bois

[:totoz]
http://www.quirksmode.org/
http://www.howtocreate.co.uk/tutor [...] ow=allshow

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody

Reply

Marsh Posté le 20-04-2005 à 15:42:34

K'sVTassledar a écrit :

C'est pas mon code sa vient de http://www.javascriptfr.com/
A vous de proposer mieux c'etait juste pour aider guedin_des _bois

Laisse tomber ce site, c'est la foire au bordel

Reply

Marsh Posté le 20-04-2005 à 15:42:34

Reply

Marsh Posté le 20-04-2005 à 16:04:17

Thank you very much tout lmonde ca marche!!

Reply

fixer la taille d'un texte area

Sujets relatifs:

Leave a Replay