fixer la taille d'un texte area

fixer la taille d'un texte area - HTML/CSS - Programmation

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 :
  1. <html><head><title>Limite la taille d'un textarea</title>
  2. <script>
  3. function limite(zone,max)
  4. {
  5. if(zone.value.length>=max){zone.value=zone.value.substring(0,max);}
  6. }
  7. </script>
  8. </head><body>
  10. <form name="menu1">
  12. <TEXTAREA NAME="zone2Text" COLS="40" ROWS="10"
  13. onKeyUp="limite(this,255);" onKeyDown="limite(this,255);"
  14. >Votre texte ici.</TEXTAREA>
  16. </form>
  18. </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

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
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

---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
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


---------------
I mean, true, a cancer will probably destroy its host organism. But what about the cells whose mutations allow them to think outside the box, and replicate and expand beyond their wildest dreams by throwing away the limits imposed by overbearing genetic r
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 :D

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

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed