Duplication de table HTML via JavaScript [Résolu]

oioou · 03/12/2011, 16h14

Bonjour à tous,j'entre dans le vif du sujet.
Je ne sais pas pourquoi quand j'essaie de cloner une table de HTML,il n'affiche pas.Pourtant le même code marche avec l'éditeur de W3C school.
J'ignore c'est le problème de l'eclipse ou celui de navigateur

table.html

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
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title >Dublication de la table</title>
<script type="text/javascript" src="table.js"></script>
</head>
<body>
<form>
<table border="1">
<tr>
<td>L1C1</td>
<td>L1C2</td>
</tr>
<tr>
<td>L2C1</td>
<td>L2C2</td>
</tr>
<tr>
<td>L3C1</td>
<td>L3C2</td>
</tr>
<tr>
<td>L4C1</td>
<td>L4C2</td>
</tr>
<tr>
<td>L5C1</td>
<td>L5C2</td>
</tr>
</table>
<input type="submit" value="Dubliquer">
</form>
</body>
</html>

table.js

Code :

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

1
2
3
var table = document.getElementsByTagName("table")[0];
var newtable = table.cloneNode(true);
table.parentNode.appendChild(newtable);

NoSmoking · 03/12/2011, 16h26

Bonjour,

Citation:

Pourtant le même code marche avec l'éditeur de W3C school.

il n'étonnerais que cela soit la même façon d'appeler la fonction de création.
Comme tu fais

Code :

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

var table = document.getElementsByTagName("table")[0];

il faut que la TABLE[0] existe dans le DOM ce qui n'est pas le cas dans la source que tu nous montres.
Mets le script en fin de BODY et regardes cela va marcher.

oioou · 03/12/2011, 17h10

Merci,problème résoulu

SpaceFrog · 03/12/2011, 18h38

Sinon la "dublication" ...
c'est quand on est bourré ou que l'on a un rhube ?

03/12/2011, 17h10	#3
oioou Invité de passage Inscription : novembre 2011 Messages : 7 Détails du profil Informations personnelles : Sexe : Informations forums : Inscription : novembre 2011 Messages : 7 Points : 0 Points : 0	Merci,problème résoulu
	00

03/12/2011, 18h38	#4
SpaceFrog Rédacteur/Modérateur Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Inscription : mars 2002 Messages : 30 071 Détails du profil Informations personnelles : Sexe : Localisation : Royaume-Uni Informations professionnelles : Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Analyste Programmeur Secteur : Industrie Informations forums : Inscription : mars 2002 Messages : 30 071 Points : 45 202 Points : 45 202	Sinon la "dublication" ... c'est quand on est bourré ou que l'on a un rhube ? __________________ Ma page Developpez Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts) Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir... Votre post est résolu ? Alors n'oubliez pas le Tag réalisations :www.planet-languages.com\|www.saftair.com\| www.ouestisol.fr \| www.sebemex.fr \| www.extramiante.fr \| www.sistac-alizay.fr \| www.acoustishop.fr \| www.litt.fr \| www.ouestventil.fr
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email