creer tableau fonction JS affiche en html

**armoirapizza** · 26/12/2012, 16h33

Bonjour,

je souhaite créer un fonction JS qui affiche un tableau à l'ouverture de la page html.
Le correcteur w3c ne détecte pas d'erreur mais ça ne fonctionne pas..

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
<!DOCTYPE HTML>
  <head>
    <meta charset="utf-8" />
    <title> devoir 4 </title>
	<script type="text/javascript">
 
	function drawTable(val)
	{
		var tbl = document.createElement("TABLE");
		tbl.setAttribute("border-collapse:collapse"; 5);
		var tr = document.createElement("TR");
		tr.setAttribute("border: 2pt solid black; width: 6em;");
		for (var i=0; i<tbl.length; i++){
			var td = document.createElement("TD");
			td.setAttribute("border: 2pt solid black; width:6em;");
		}
		return tbl;
	}
 
<style type="text/css">
      table {border-collapse: collapse;}
      td, th {border: 2pt solid black;}
      td, th {width: 6em;}
      img {width: 6em;}
    </style>
 
  </head>
   <body onload="drawTable();">
<button onclick="alert('Nouvelle Partie')">Recommencer</button>
		</body>
	</html>

Si quelqu'un à la patience d'y jeter un oeil...

**SpaceFrog** · 26/12/2012, 16h38

Code :

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

tbl.setAttribute("border-collapse:collapse"; 5);

setAttribute pour des propriétés css ...
c'est plus de la patience qu'il faut ^^

jette plutôt un œil ar là :

http://www.developpez.net/forums/d47...us-rapidement/

**Bovino** · 26/12/2012, 16h41

Le correcteur w3c ne détecte pas d'erreur

C'est un peu normal puisqu'il ne vérifie pas le JavaScript !

Code :

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

return tbl;

Tu penses qu'en le renvoyant très fort, il atterrira dans ta page ?

Plus sérieusement, c'est bien de renvoyer l'objet table, mais encore faut-il en faire quelque chose , par exemple avec appendChild().

**armoirapizza** · 26/12/2012, 19h15

Messeigneurs;

merci pour vos réponse pleines de bienveillance.
Je travaille

et je reviens

par ooù commencer....

**NoSmoking** · 26/12/2012, 19h26

Bonjour,
lorsque l'on écrit tbl.setAttribute("border-collapse:collapse"; 5); qu'est ce qu'on attend comme résultat ?

De plus si tu déclares des styles "externes" (aux balises), inutile de surcharger ton code.

**armoirapizza** · 26/12/2012, 21h29

bonsoir,

bon, la base de chez base.
ci dessous, j'affiche les valeurs contenues dans le tableau.
Pourriez vous me dire comment attribuer le style css inclus dans le code?
Please...

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
<!DOCTYPE HTML>
  <head>
    <meta charset="utf-8" />
    <title> devoir 4 </title>
	<script type="text/javascript">
 
	function drawTable()
	{
	var sheepTab= [0,1,1,1,0,0,2,2,2,0];
	for( var i=0; i<sheepTab.length; i++){
	}
	document.write(sheepTab);
	}
 
	</script>
 
    <style type="text/css">
      table {border-collapse: collapse;}
      td, th {border: 2pt solid black;}
      td, th {width: 6em;}
      img {width: 6em;}
    </style>
 
  </head>
   <body onload="drawTable();">
	  <header>
	    <h1>Devoir n°4 NFA016</h1>
	  </header>
 
	    <header>
	      <h2>Jeu des moutons</h2>
		</header>
 
			<button onclick="alert('Nouvelle Partie')">Recommencer</button>
		</body>
	</html>

Par ailleurs, pourquoi le reste du html ne s'affiche plus (les titres...)?

Merci encore de votre aide...

**Bovino** · 26/12/2012, 21h56

Comprendre document.write() en JavaScript...

creer tableau fonction JS affiche en html

JavaScript

Vue hybride

Discussions similaires

Partager

Partager