redimensionnement de textbox, débutant ;)

Version imprimable

Bonsoir,

Ce soir, j'ai décidé de dormir... Je ne vais donc pas m'arracher les cheveux qui me restent de la nuit dernière... pour cette histoire de js :)

Ma question est simple : pourquoi la ligne de code en js (document...) ne fonctionne t-elle pas ? La textBox "nom" devrait être redimensionnée, mais il n'en est rien.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
       <td width="310" align="right" valign="top"><p>NOM
           <input name="nom" type="text" id="nom" size="40" value="<?php
                  if (!empty($nom)) {
             echo htmlentities($nom);
                  }
           ?>"/>
       <script type="text/JavaScript"><!--
	//if (navigator.userAgent.indexOf("Opera")!= -1;
            document.getElementById("nom").style.size=20; //CETTE LIGNE LA
       --></script>
 
     </p></td></tr></table>

MERCI d'avance !

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
       <td width="310" align="right" valign="top"><p>NOM
           <input name="nom" type="text" id="nom" style="width:40px" value="<?php
                  if (!empty($nom)) {
             echo htmlentities($nom);
                  }
           ?>"/>
       <script type="text/JavaScript"><!--
	//if (navigator.userAgent.indexOf("Opera")!= -1;
            document.getElementById("nom").style.width=20; //CETTE LIGNE LA
       --></script>
 
     </p></td></tr></table>

La propriété width dans style touche à la largeur, size n'est pas dans style et touche plutôt au nombre de caractères affichés.

17/07/2010, 02h40
arnofly

Merci !

En ajoutant une unité de mesure, ça fonctionne.

Code:

document.getElementById("nom").style.width="20px";