Rechercher : dans
Par :

Limiter le nombre de caractères sous html

Dernière réponse le 13 mar 2009 à 15:14:49 neyo, le 13 mar 2009 à 09:33:38 
 Signaler ce message aux modérateurs

Bonjour,

mon pb et le voilà:
je veux limiter la saisie des caractères dans un champ <DIV>, c-à-d quand je tape une suite de caractères sans espace,je veux qu'il un retour à la ligne a la fin du champ, j'ai essayé maxlength mais ça marche pas.

alors je me suis dit que je vais faire mon <DIV> dans une cellule d'un tableau, mais ça marche pas.

est ce qu'il ya quelqu'un qui a une idée???
voici le code
<gras>"<STYLE>
#TESTE{
width:100 px;
height:100px;
display:block;
overflow:hidden;
font-family:Courier new;
font-size:medium;
line-height:35px;
margin-top:5px
}
</STYLE>

<TABLE border=1 width=100px height=100 px>
<TD bgcolor="#CCCCCC">
<DIV ID=TESTE NAME=TESTE contentEditable="true"></DIV>
</TD>
</TABLE>


Voilà , j'espère que c'est clair

MERCI d'avance

Configuration: Windows XP
Firefox 3.0.7

Meilleures réponses pour « limiter le nombre de caractères sous html » dans :
Compter les mots dans un document (OpenOffice.org ou Word) VoirIl est parfois utile de pouvoir compter le nombre de mots ou de caractères dans un document. Les deux principales suites bureautiques permettent de le faire très simplement : Avec Word Avec OpenOffice.org Avec Word Ouvrez votre document...
Vérifier si un nombre entier est un nombre premier en C VoirDéfinition nombre premier Algorithme 1 : les diviseurs compris entre 2 et N-1 seront testés Algorithme 2 : les diviseurs pairs ne seront pas testés, la recherche se limitant aux diviseurs impairs Algorithme 3 : les diviseurs impairs jusqu'à la...
Caractères spéciaux HTML VoirCodage des caractères spéciaux Le standard HTML demande de respecter le codage des caractères ASCII 7 bits, c'est-à-dire que les caractères accentués ne sont pas autorisés. Il faut pour cela utiliser un codage particulier. Pour...
Langage C - Les chaînes de caractères VoirQu'est-ce qu'une chaîne de caractères ? Une chaîne de caractères (appelée string en anglais) est une suite de caractères, c'est-à-dire un ensemble de symboles faisant partie du jeu de caractères, défini par le code ASCII. En langage C, une chaîne...

1

killermano66, le 13 mar 2009 à 09:45:37

Je comprends pas trop ton problème. normalement lorsque tu entre du texte au sein d'un div, celui-ci va à la ligne automatiquement lorsqu'il atteint les "limitations" ou "paroies" du div.

Répondre à killermano66

2

neyo, le 13 mar 2009 à 09:52:02

Merci de vouloir m'aider.

Justement ça marche pas, quand j'écris une suite de caractères mais sans espace, il n'y a pas de retour à la ligne quand j'atteins la "limitations" du div ,mais dés que je fait un espace ,le retour à la ligne marche.

Répondre à neyo

3

killermano66, le 13 mar 2009 à 10:14:34

Je suis vraiment pas sur de moi, ton problème me parrait bizzare mais tente ça :

<html>
<head>
<style>
div.test{
width:100px;
height:100px;
overflow:hidden;
font-family:Courier new;
font-size:medium;
margin-top:5px;
}
</style>
</head>


<body>
<div class=test>Contenue de ton div.</div>
</body>
</html>


Encore une fois je suis pas certains du tout du résultat. Mais je fais comme ça. Aprés ça vient peut être de ton navigateur. Tu testes tes pages avec quoi ? De plus tu avais oublié un ;

@+

Répondre à killermano66

4

neyo, le 13 mar 2009 à 10:33:17

J'ai essayé ton code mais malheureusement ça change rien.

je teste mes page avec IE comme navigateur.

a+

Répondre à neyo

5

killermano66, le 13 mar 2009 à 10:38:39

Tente sous firefox et dis moi si c'est ok.

Merci.

Répondre à killermano66

6

neyo, le 13 mar 2009 à 10:51:46

J'ai testé avec fireFox
quand je saisie mes caractères sans espace dans le champ, ça marche jusqu'à ce que j'arrive à la limite mais il n'y a pas de retour à la ligne pour que je continue la saisie.

donc un petit résumé :

- sous FireFox ce code limite la saisie des caractères qui dépend de la taille du <DIV> mais ya pas de retour à la ligne.

- sous IE ya pas de limite de saisie des caractères et pas de retour à la ligne.
a+

Répondre à neyo

7

killermano66, le 13 mar 2009 à 10:56:37

Bon c'est un peu bizzare tout ça, que IE l'interprette mal ok mais FF ça m'étonne.
Pourrais tu poster un screen du rendu sous ff ?

Je visualise peut être mal ton soucis.

Répondre à killermano66

8

neyo, le 13 mar 2009 à 11:22:33

Tu veus que je le poste sur quel adresse ??

Répondre à neyo

9

sasha35, le 13 mar 2009 à 11:24:30

Voila ça règle pas le retour a la ligne mais ça limite les caractères, malgré que ce ne soit pas la méthode que tu as employer voila une autre façon de faire une zone texte j'espère que ça va t'aider.
* <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>

Répondre à sasha35

10

neyo, le 13 mar 2009 à 11:41:58

Bonjour,

Merci pour ton aide.
effectivement ça marche bien avec le TEXTAREA mais moi j'ai besoin du <DIV>
a+

Répondre à neyo

11

sasha35, le 13 mar 2009 à 11:43:38

Tu met le textarea dans un div.

Répondre à sasha35

12

neyo, le 13 mar 2009 à 14:27:57

Tout a fait c'est ce que je veux , je veux que mon div se comporte comme le textarea, c-à-d il effectue un saut de ligne à la fin du champ.

je peux pas utilisé textarea parce que ça m'arrange pas après.

j'ai essayé ça mais apparemment ça marche pas

document.getElementById("mon_div").innerHTML.length

a+

Répondre à neyo

13

 neyo, le 13 mar 2009 à 15:14:49

C'est bon j'ai trouver il faut rajouter cette ligne dans le CSS

word-wrap : break-word;

Voila,

merci pour votre aide

Répondre à neyo