Discussion :

[Invité]

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 Jscript générer dynamiquement en fonction de la ligne du tableau :

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
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 code php ou j'appelle mes fonctions jscript :

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
 
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>";