Redimensionnement de combo

Redimensionnement de combo - HTML/CSS - Programmation

Marsh Posté le 13-02-2008 à 10:49:25    

hello, j'aimerais faire un code qui permette de redimensionner dynamiquement un combo en utilisant l'attribut 'size'. J'ai préparé un exemple qui met en évidence le problème qui est à l'origine de ma récente calvitie.
 

<html>
  <head>
    <script language="JavaScript">
      function updateCombo() {
        var obj = document.getElementById('myCombo');
        if (obj.size == 1) obj.size = 5;
        else obj.size = 1;
      }
    </script>
  </head>
  <body>
    <table style="border:solid 1px black">
      <tr style="vertical-align:top">
        <td style="border:solid 1px red">
          <input type="button" value="test" onclick="updateCombo()"/>
        </td>
        <td style="border:solid 1px blue">
          <select multiple="true" size="1" id="myCombo">
            <option>value 1</option>
            <option>value 2</option>
            <option>value 3</option>
            <option>value 4</option>
            <option>value 5</option>
            <option>value 6</option>
            <option>value 7</option>
            <option>value 8</option>
            <option>value 9</option>
            <option>value 10</option>
          </select>
        </td>
      </tr>
    </table>
  </body>
</html>


 
Le problème est que dans firefox, le <table> ne s'adapte pas au combo lorsque celui-ci s'agrandit:
 
http://www.developpez.net/forums/attachment.php?attachmentid=25485&d=1202826211
 
Si je redimensionne la fenêtre de firefox, la table d'adapte au contenu:
 
http://www.developpez.net/forums/attachment.php?attachmentid=25488&d=1202826374
 
Par contre si je clique à nouveau sur le bouton, le combo est censé se réduire et la <table> s'adapter, mais voici ce que ça donne:
 
http://www.developpez.net/forums/attachment.php?attachmentid=25486&d=1202826289
 
Seul le <td> qui contient le combo se redimensionne, mais pas les autres <td> de la ligne. Ca me dépasse un peu... une idée de quoi ça peut venir et comment y rémédier ?  :pt1cable:  
 
Merci d'avance

Reply

Marsh Posté le 13-02-2008 à 10:49:25   

Reply

Sujets relatifs:

Leave a Replay

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