Bonsoir à tous,
J'ai fait un petit script afin de me familiariser avec les tableaux dynamiques en js.
Seulement le code n'affiche rien. J'ai pourtant bien créer une ligne et des cellules et utiliser la propriété innerHTML pour écrire dans les cellules.

Voici mon code :

Code : 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
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans nom</title>
<script type="text/javascript">
 
//Constructeur de l'objet Reservation
function Reservation(leNomClient, leNomHotel, laDateArrivee, leNbJours){
   this.nomClient = leNomClient;
   this.hotel = leNomHotel;
   this.dateArrivee =laDateArrivee;
   this.nbJours = leNbreJours;
 
//On crée les réservations
var reservation1 = new Reservation("MATTER", "Central Hotel", "22/03/2005", "2");
var reservation2 = new Reservation("HEITZ", "Hôtel LA MARMOTTE", "12/03/2005", "3");
var reservation3 = new Reservation("MATTER", "Hôtel-Restaurant IVOIRE", "12/04/2005", "2");
var reservation4 = new Reservation("DECKER", "Hôtel du PARC", "27/03/2005", "1");
var reservation5 = new Reservation("EDEL", "Hôtel du PARC", "21/03/2005", "2");
var reservation6 = new Reservation("MULLER", "Central Hotel", "20/03/2005", "2");
var reservation7 = new Reservation("WALTER", "Hôtel-Restaurant IVOIRE", "03/04/2005", "3");
var reservation8 = new Reservation("MEYER", "Central Hotel", "29/03/2005", "2");
var reservation9 = new Reservation("MOREL", "Hôtel SOLANA", "02/04/2005", "3");
var reservation10 = new Reservation("WALTER", "Central Hotel", "16/03/2005", "2");
 
//Création d'un tableau Array
var lesReservation = new Array;
lesReservation[0] = reservation1;
lesReservation[1] = reservation2;
lesReservation[2] = reservation3;
lesReservation[3] = reservation4;
lesReservation[4] = reservation5;
lesReservation[5] = reservation6;
lesReservation[6] = reservation7;
lesReservation[7] = reservation8;
lesReservation[8] = reservation9;
lesReservation[9] = reservation10;
 
//Fonction remplirTab
function remplirTab() {
   leTab = document.getElementById("main");
   nbReservation = lesReservation.lenght;
 
      for (i=0;i<nbReservation;i++) {
	     laLigne = leTab.insertRow(-1); //creation d'une ligne du tableau html
		 laCellule = laLigne.insertCell(-1); //Creation d'une cellule dans une ligne
		 laCellule.innerHTML = lesReservation[i].nomClient; //On écrit dans la cellule avec lapropriété innerHTML
		 laCellule = laLigne.insertCell(-1); //Creation d'une 2ième cellule dans une ligne
		 laCellule.innerHTML = lesReservation[i].hotel;
	     laCellule = laLigne.insertCell(-1); //Creation d'une 3ième cellule dans une ligne
		 laCellule.innerHTML = lesReservation[i].dateArrivee;
	     laCellule = laLigne.insertCell(-1); //Creation d'une 4ième cellule dans une ligne
		 laCellule.innerHTML = lesReservation[i].nbJours;
		 }
	  }
 
</script>
</head>
 
<body onload="remplirTab()">
 
<table width="600" cellpadding="0" cellspacing="0" border="1">
<caption align="center" valign="bottom"> tableau des reservations</caption>
<col width="200"> <col width="200"> <col width="200"> <col width="200">
 
<thead></thead>
<tbody id="main"> 
<tr>
<th>nom client</th>
<th>hotel</th>
<th>date d'arrivee</th>
<th>Durée du séjour</th>
</tr>
</tbody>
 
</table>
</body>
Merci à toute personne qui voudra m'éclaircir sur mes erreurs.

Bonne soirée