Afficher un tableau

**Jinkas99** · 13/10/2017, 12h47

Bonjour,

Je cherche à afficher un tableau composé d'un libellé et une zone de texte en fonction d'une liste de sélection. Mon problème est que je n'arrive à mettre sur 2 <td> différents le libellé et la zone de texte et l'afficher correctement en dessous de la liste de sélection.

Mon code est le suivant :

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
 
 
<HTML>
   <HEAD>
      <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
      <TITLE>xxxxxxxx</TITLE>
      <style type="text/css">
             .my_css {
             width:1px;
             }
      </style>
      <script>
        window.onload = function() {
            document.getElementById('document1').style.display = 'none';
        }
 
        function addElements() {
 
            var number = document.getElementById("x").value;
 
            var document1= document.getElementById("document1");
 
            while (document1.hasChildNodes()) {
 
                document1.removeChild(document1.lastChild);
            }
 
 
            for (j = 0; j < number; j++) {
                var newRow1 = document.createElement('tr');
 
                newRow1.innerHTML = '<td> <input type="text" name="Designation_' + j + '" ></td>';
 
                document1.appendChild(newRow1);
            }
 
 
 
            if (number == 0) {
 
                document.getElementById('document1').style.display = 'none';
            } else {
 
                document.getElementById('document1').style.display = 'block';
            }
        }
 
      </script>
 
   </HEAD>
 
   <form >
 
      <table>
 
         <tr>
            <td>
               <select id='x' name='x' onChange='addElements()'>
                  <option value='0'>0</OPTION>
                  <OPTION value='1'>1</OPTION>
                  <OPTION value='2'>2</OPTION>
                  <OPTION value='3'>3</OPTION>
                  <OPTION value='4'>4</OPTION>
               </select>
            </td>
            <br>
         </tr>
         <tr>
             <td><div id ="document1"></div> </td>
             <td><div id ="document2"></div> </td>
             <td> </td>
             <td> </td>
         </tr>
      </table>
   </form>
   </body>
</html>

Merci.

**SpaceFrog** · 13/10/2017, 12h58

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
  </td>
            <br>
         </tr>

il fait quoi là le br ???

**Jinkas99** · 13/10/2017, 13h03

Merci pour votre réactivité et votre réponse.

Je viens de le supprimer. Mais c'est pas le br le problème :-)

**SpaceFrog** · 13/10/2017, 13h46

Je ne comprends pas trop le but final ?
tu veux qu'une entête fasse deux colonnes en largueur ???
=> colspan ..

**Jinkas99** · 13/10/2017, 15h11

Je n'arrive pas à afficher un libellé devant la zone de texte dans un autre <td> dans un autre conteneur.

J'aurais pu ajouter un autre <td> dans le innerHTML mais au niveau de l'affichage c'est considéré que les 2 sont dans un même et seul <td>

Merci.

**SpaceFrog** · 13/10/2017, 15h34

Tu n'aurais pas un screenshot ou un schema ou un jsfiddle ...
Je n'ai toujours pas compris

Afficher un tableau

JavaScript

Vue hybride

Discussions similaires

Partager

Partager