[DOM] fonction cr�erTable 2

**thomthomdevweb** · 07/10/2008, 19h52

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("&nbsp;"); // &nbsp;  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:

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>

Quelqu'un peut il m'aider � trouver l'autre solution?

Merci d'avance,
Thom

**Bovino** · 07/10/2008, 20h14

Bonjour,
Tout d'abord, merci d'utiliser les balises [code] dans l'�diteur (bouton '#').
Ensuite, ton prof ne semble pas tr�s ami avec les standards... mais bon, c'est pas ta faute ! Effectivement, passer par le DOM est bien plus �l�gant...
Enfin, ta fonction (c'est mon jour de bont� !)

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
function creerTable2(lignes,colonnes)
{
document.write("<table border=1>");
// document.write("<br>"); une ligne d'un intérêt assez contestable...
for(var i=0;i<lignes;i++){
document.write("<tr>");
for(var j=0;j<colonnes;j++){
document.write("<td>");
document.write("&nbsp;"); // &nbsp; désigne une espace insécable (non breaking space)
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>")
}

Normalement, aux fautes de frappe et d'inattention pr�s, c'est �a...

**le_chomeur** · 08/10/2008, 09h43

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.write

**Bovino** · 08/10/2008, 09h57

Ben oui, mais c'est la m�thode demand�e...

**le_chomeur** · 08/10/2008, 10h00

je sais je sais , juste une habitude ^^
je ne t'en veux pas bovino lol ( j'commence a connaitre ta fa�on de coder dont tu es pardonn�

**thomthomdevweb** · 08/10/2008, 10h57

Envoy� par Bovino

Bonjour,
Tout d'abord, merci d'utiliser les balises [code] dans l'�diteur (bouton '#').
Ensuite, ton prof ne semble pas tr�s ami avec les standards... mais bon, c'est pas ta faute ! Effectivement, passer par le DOM est bien plus �l�gant...
Enfin, ta fonction (c'est mon jour de bont� !)

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
function creerTable2(lignes,colonnes)
{
document.write("<table border=1>");
// document.write("<br>"); une ligne d'un intérêt assez contestable...
for(var i=0;i<lignes;i++){
document.write("<tr>");
for(var j=0;j<colonnes;j++){
document.write("<td>");
document.write("&nbsp;"); // &nbsp; désigne une espace insécable (non breaking space)
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>")
}

Normalement, aux fautes de frappe et d'inattention pr�s, c'est �a...

Merci infiniment Bovino!!!j'ai essay� de lancer la page mais �a ne m'a rien affich�.je vais revoir le code car j'ai juste fais un copier/coller sans entrer dans les d�tails.mais merci comme m�me!!!

**E.Bzz** · 08/10/2008, 10h05

Bonjour,

Envoy� par thomthomdevweb

voici la fonction de laquelle je dois imp�rativement m'inspirer

alors, pour que ta r�ponse soit correcte, tu dois imp�rativement signaler en d�but d'exercice, que l'utilisation du document.write() pour modifier la structure d'un document est tr�s fortement d�conseill�e et qu'il faut lui pr�f�rer les m�thodes/fonctions du DOM, qui ne sont pas juste une "autre alternative", mais bien la solution pr�conis�e par les normes de d�veloppement actuelles (bien que pour des raisons diplomatiques, il vaille mieux ne pas insister sur le c�t� actuel/obsol�te

).

A+

**le_chomeur** · 08/10/2008, 10h09

Envoy� par E.Bzz

Bonjour,
(bien que pour des raisons diplomatiques, il vaille mieux ne pas insister sur le c�t� actuel/obsol�te

).

A+

il est vrai qu'il serait bien que tu puisses expliquer a ton prof pourquoi nous te pr�conisons d'utiliser les m�thodes du dom , plut�t que d'�crire de fa�on assez brut directement dans la page, mais s'il est de la vielle �cole , je ne pense pas qu'il soit au courant de la veille technologique

Bon courage pour la suite

**thomthomdevweb** · 08/10/2008, 10h55

Envoy� par le_chomeur

il est vrai qu'il serait bien que tu puisses expliquer a ton prof pourquoi nous te pr�conisons d'utiliser les m�thodes du dom , plut�t que d'�crire de fa�on assez brut directement dans la page, mais s'il est de la vielle �cole , je ne pense pas qu'il soit au courant de la veille technologique

Bon courage pour la suite

Oui on va dire qu'il s'agit d'une autre g�n�ration (l'ancienne en l'occurence)mais apparemmetn ce serait pour mieux me faire comprendre l'utilisation des fonctions...Perso,je pense qu'avec les DOM c'est nettement plus int�ressant :
les go�ts et les couleurs!!!
A ce propos, je compte m'inscrire � des cours du soir pour aborder une autre approche de Javascript (plus r�cente) car il est vrai que je d�bute et que je n'ai pas trouv� de tuto convainquant...Donc si quelqu'un a un tuyeau je suis preneur!!!

[DOM] fonction cr�erTable 2

JavaScript

Vue hybride

Discussions similaires

Partager

Partager