Récuperer l'id du dernier élément crée dynamiquement
Bonjour à tous,
j'essaye de récupérer l'id d'un tableau créé dynamiquement et voici ce que j'ai pensé faire :
Code:
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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<script type="text/javascript">
var i = 0;
function inie()
{
function addTbl()
{
var myTable = document.createElement('table');
myTable.setAttribute('border','1');
myTable.setAttribute('id','table_'+i);
var myTbody = document.createElement('tbody');
myTable.appendChild(myTbody);
document.getElementById('divo').appendChild(myTable);
}
addTbl();
var nbTables = document.getElementById('divo').getElementsByTagName('table');
//var lastTable = nbTables[length];
var allTables = document.getElementById('divo').getElementsByTagName('table');
alert (allTables[length].id);
alert (allTables.length);
}
</script>
</head>
<body>
<div id="divo">
<form id="formq" name="formq" method="post" action="">
<input type="submit" name="sub" value="do it "/>
</form>
</div>
<div id="divoo">
</div>
<div id="qcm_config">
<table border="1">
<tr>
<td>
<input type="button" value="add" onclick="inie()" />
</td>
<td width="120px" style="">
<div id="nbch" align="center">nombre de choix:
</div></td>
<td width="100px">
<select id="nb_alt" name="nb_alt" style="width:100px">
<option id="def" value="0" selected="selected"></option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
</td>
<td width="120px" style="">
<div id="nbch" align="center">nombre de blancs
</div></td>
<td width="100px">
<select id="nb_blc" name="nb_blc" style="width:100px">
<option id="def" value="0" selected="selected"></option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</td>
</tr>
</table>
</div>
<p id="hoho">
<q>Can you copy <em>everything</em> I say?</q>
</p>
<script type="text/javascript">
var f = document.getElementById('hoho');
var cl = f.cloneNode(true);
document.getElementById('hoho').appendChild(cl);
</script>
<br />
<div id="foo">
</div>
<?php
if (isset($_POST['sub']))
{
echo "<pre>";
print_r ($_POST);
echo "<pre>";
}
?>
</body>
</html> |
ce que je veux faire ici est de récupérer l'id du dernier tableau inséré sur la page (de div ayant l'id "divo"). mais à chaque fois comme vous allez le constater ça me donne l'id du premier tableau .
j'ai trop gratté la tête ! :)
qu'es ce qui ne va pas là !! :bug:
merci d'avance
