[DOM] ajout suppression de ligne dans plusieurs tableau
bonjour, j'ai un petit soucis : j'ai un tableau qui est créer en fonction d'information récupérer en base,
une des cellules de chaque ligne de ce tableau est elle aussi un tableau, dans lequel il faut que je puisse ajouter et supprimer des lignes,
mon problèmes se trouve au niveau de la suppression des lignes, je n'arrive pas a supprimer la ligne que je veut. dans le meilleurs des cas je supprime toujours la 1er ligne. et dans le pire je n'en supprime aucune :?
pour la création j'utilise le hinnerHTML. et pour la suppréssion j'ai essayer de le faire avec deleteROW...
si quelqu'un pouvais essayer de m'aider ;)
voilà mon code :
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
|
$i=1;
while($row= $db->fetch_array($result)){
echo "<script type='text/javascript'>
var nb$i=((15*$i)-15);
function delRow$i(num)
{
document.getElementById(\"tb$i\").deleteRow(\"tr\"+num);
nb$i--;
}
function add$i(value)
{
var tb = '';
//je limite à 15 lignes ajoutées par cellule
if(nb$i<(15*$i))
{
nb$i++;
tb = document.getElementById(\"tb$i\").innerHTML + genLigne$i( nb$i , value );
if( document.all )
{
document.getElementById(\"tb$i\").outerHTML = '<table id=\"tb$i\">' + tb + '</table>';
}
else
{
document.getElementById(\"tb$i\").innerHTML = tb;
}
}else{alert(\"max alias\");}
}
function addB$i()
{
var tb = '';
//je limite à 15 lignes ajoutées par cellule
if(nb$i<(15*$i))
{
nb$i++;
tb = document.getElementById(\"tb$i\").innerHTML + genLigneB$i( nb$i );
if( document.all )
{
document.getElementById(\"tb$i\").outerHTML = '<table id=\"tb$i\">' + tb + '</table>';
}
else
{
document.getElementById(\"tb$i\").innerHTML = tb;
}
}else{alert(\"max alias\");}
}
function genLigne$i( num , value)
{
return('<tr id=\"tr' + num + '\"><td><input type=\"text\" maxlength=\"15\" size=\"16\" name=' + num + ' id=' + num + ' value=\"' + value + '\"></td><td><input id=' + num + ' type=\"button\" onclick=\"delRow$i(' + num + ');\" value=\"DELL\" class=\"submit\"></td></tr>' );
}
function genLigneB$i( num )
{
return('<tr id=\"tr' + num + '\"><td><input type=\"text\" maxlength=\"15\" size=\"16\" name=' + num + ' id=' + num + ' ></td><td><input id=' + num + ' type=\"button\" onclick=\"delRow$i(' + num + ');\" value=\"DELL\" class=\"submit\"></td></tr>' );
}
</script>"; |
le $i est incrémenter pour chaque nouvelle ligne du premier tableau ..
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
echo"<td>";
$result2=$db->query($sql2);
$cpt=0;
echo "<div id='divid$i' style='display:yes;' align='center'><a href=# onclick= ";
while($row2= $db->fetch_array($result2)){
echo "add$i('$row2[dns_hostname]');";
$cpt++;
}
echo "visibilite('divid$i');>show alias</a></div>";
echo "<div align='center'>
<table id='tb$i'>";
echo " </table><br><input type='button' onclick=\"addB$i();\" class='submit' Value='Add'></td>";
$i++;
}
echo "</table></div>"; |
