Bonjour,
Pour mes cours de javascript, je dois créer une fonction me permettant de créer une table HTML avec en paramètres les rangées et les colonnes (exemple: function crerTable2(rangée,colonnes)).
voici la fonction de laquelle je dois impérativement m'inspirer bien que le résultat avec les dom soit une des solutions (voir code plus bas).
Voici l'énoncé:
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 <script language="javascript"> <!-- function creerTable1() { document.write("<table border=1>"); document.write("<br>"); document.write("<tr>"); document.write("<td>"); document.write(" "); // désigne une espace insécable (non breaking space) document.write("</td>"); document.write("</tr>"); document.write("</table>") } // --> </script>
Inspirez-vous de la fonction CreerTable1() ci-dessus pour créer une fonction CreerTable2 qui permette de créer une table HTML aux dimensions spécifiées par les paramètres. Le premier paramètre spécifie le nombre de rangées et le deuxième, le nombre de colonnes. Indice: vous devez utiliser des itérations (boucles) .
Voici le code avec les dom:
Quelqu'un peut il m'aider à trouver l'autre solution?
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 <html> <head> <script language="javascript"> <!-- function tab(col,lign) { this.tab = document.createElement("table"); this.autoid=1; for(j=0;j<lign;j++) { this.newRow = this.tab.insertRow(-1); for(i=0;i<col;i++) { this.newCell = this.newRow.insertCell(i); this.newCell.innerHTML =this.autoid; this.newCell.setAttribute("id",this.autoid); with(this.newCell.style) { borderStyle = 'solid'; borderWidth = '2px'; borderColor = "#000000"; width = '100px'; height = '50px'; textAlign = 'center'; } this.autoid++; } } this.addtxt = function(id) { document.getElementById(id).innerHTML = "ne"; } document.body.appendChild(this.tab); } --> </script> </head> <body onload="tab(4,4)";> </body> </html>
Merci d'avance,
Thom
Partager