bonjour tous le monde,  
 
je voudrais savoir si il est possible d'ajuster automatiquement la taille d'une zone de texte en html:
 
j'ai une zone d'une taille de 20
la max-lenght pour la saisie est de 50
 
le pb est que si on saisie plus de 20 caractere le debut du texte n'est plus visibleet je voudrais que cela soit la zone de texte qui s'agrandissent plutot que le texte qui defile????
 
est-ce possible?????

ben on peut
 
sur l'évènement onchange de cet élément
 
onchange="if (this.value.length>20)>this.size=this.value.length"
 
c'est un truc dans le genre je vais verifier

heu sur l'évenement onkeypress plutot, sinon ca marche bien, mais si tu mets que des 1 ou des l ca fait une différence de taille kan meme
 
normalement un input, s'il fait 50 en maxlength, il doit faire 50 en size et pas autrement

euh...
 
je comprend un petit peu mais pas beaucoup quand meme en fait je vois pas du tout comment faire pour rajouter ca dans mon code

voila ce que j'ai fai mais ca ne marche pas:
 
<input type="text" id="txtNormal" size="25"  
  onkeypress="if (this.value.length>20)>this.size then size=this.value.length"/><br />

tu aurais bien du te douter que il y avait des erreurs dans mon code nan ?
 
<input type="text" id="txtNormal" size="25"  
  onkeypress="if (this.value.length>20) this.size=this.value.length" />

merci pour ton expliation et ton bout de code,  
ce qui est dommage par contre c'est que je ne peu plus le lié avec ma css car dans ma css j'avai ceci:
#txtNormal {
 width:200px;
 }
 
si j'enleve dans le code html id="txtNormal" ca marche nikel
si j'enleve dans ma css le width:200px
mais que je laisse dans mon code html le id="txtNormal" ca macrhe po
pourquoi???????

excuse moi j'avais une faute d'orthographe c'est pour ca que ca ne marchais po
 
mais bon je trouve bete de devoir mettre la size dans le code html alors que j'utilise une css

size c'est le nombre de caractère, on peut modifier avec Width,  
 
mais le problème c'est comment veut tu générer un width à partir du nombre de caractères toua ?
au debut je pensais aux propriétés offsetWidth et scrollWidth d'un objet en JS, mais nan car pour un input texte, offsetWidth = scrollWidth = Width malheureusement.
 
à la rigueur tu admet une largeur de caractère moyenne de 8px (par exemple heing )
 
puis tu redefini le width en conséquence :  
 
<input type="text" id="txtNormal" size="25"    
  onkeypress="if (this.value.length>20) this.style.width=this.value.length*8" />

pfff quand je lis tes reponse ca a l'air trop facile mais en fait je galère trop pour de petite connerie de ce style...  
 
je vai essayé ca
 
et j'aurai une question concernant le wrapping ??? je l'ai mis en attribut (wrapping="virutal" ) dans un textarea mais ca marche po....  

c'est quoi que tu entends par un wrapping ???

Idée bête (mais basé sur la taille moyenne d'un caractére) : définir la taille en css tout simplement à l'aide de l'unité "em". Ca implique certe de modifier l'attribut "style" en faisant attention aux éventuelles autres valeurs de cet attribut.

le wrapping c'est le retour a la ligne automatique quand on arrive sur le bord droit d'un textarea

omega2 : je t'aimeeeeeeeeeeeeeeeeeeeee

<input type="text" id="txtNormal" onkeypress="if (this.value.length>20) this.style.width=this.value.length*0.5+'em'" />

ca poutre sa maman tout ça

Oui je sais je remonte un sujet datant de l'avant guerre ... mais voilà ca évite d'en recréer un, et surtout la réponse est presque là ..
 
Je m'explique, j'ai besoin au chargement de la page de faire en sorte que mes input soit d'une dimension égale à son contenu.
 
xxxxxxx |         000000 | xxxxxx
xxxxxxx |            0000 | xxxxxx
xxxxxxx |               00 | xxxxxx
 
Je voudrais obtenir et ensuite reprendre le code avec keypress pour ajuster la taille ... un peu comme dans Word en clair
xxxxxxx | 000000 | xxxxxx
xxxxxxx | 0000 | xxxxxx
xxxxxxx | 00 | xxxxxx
 
Si qq'un à une idée ... le onLoad ne semble pas marcher ... ou alors le code ne fonctionne pas
 
Merci pour votre aide
 
Cordialement

ben calculer le "size" de chaque input et initialiser cet attribut avec la valeur calculée via le script php (j'ai supposé que ta page html était générée par un langage dynamique comme php mais ça marche aussi avec tout autre langage côté serveur)...

Voici la solution :
<input value="" OnKeyDown="javascript:if(this.value.length>0) this.size=this.value.length+15;this.maxLength='50';" size="1" style="text-align:center;">
@++