suppression bloc table

bonjour
j ai un petit probleme:
j'ai generé par javascript ce ptit bout de code html

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
 
<div id="upload">
<table id="table1"><tbody id="toto1">
<tr><td>      </td></tr>
<tr>
     <td> Titre de la photo : </td>
     <td><input value="" name="titre1" id="titre1" class="text" type="text"></td>
</tr>
<tr>
    <td> Details : </td>
   <td><textarea value="" id="details1" name="details1" cols="30" rows="2"></textarea></td>
</tr>
<tr>
   <td> Format(s) : </td>
    <td><select multiple="multiple" size="5" name="formats1[]">
             <option value="1">30.00 cm x 20.00 cm : 30.00</option>
              <option value="2">50.00 cm x 30.00 cm : 40.00</option>
            </select>
     </td>
</tr>
<tr>
     <td> Adresse de la photo : </td>
    <td><input value="" name="chemin_nouv_mar1" id="chemin_nouv_mar1"    class="file" type="file"></td>
</tr>
<tr>
     <td><a class="txt" href="javascript:del(1)" name="suppr1" id="suppr1">supprimer bloc</a></td>
     <td></td>
</tr>
 
 
</tbody>
</table>
 
 
 
<table id="table2"> 
<tbody id="toto2">
<tr>
<td>      </td>
</tr>
<tr>
       <td> Titre de la photo : </td>
       <td><input value="" name="titre2" id="titre2" class="text" type="text"></td>
</tr>
<tr>
      <td> Details : </td>
       <td><textarea value="" id="details2" name="details2" cols="30" rows="2"></textarea></td>
</tr>
<tr> 
       <td> Format(s) : </td>
       <td><select multiple="multiple" size="5" name="formats2[]">
                   <option value="1">30.00 cm x 20.00 cm : 30.00</option>
                   <option value="2">50.00 cm x 30.00 cm : 40.00</option>
              </select>
       </td>
</tr>
<tr>
      <td> Adresse de la photo : </td>
       <td><input value="" name="chemin_nouv_mar2" id="chemin_nouv_mar2" class="file" type="file"></td>
</tr>
<tr>
       <td><a class="txt" href="javascript:del(2)" name="suppr2" id="suppr2">supprimer bloc</a></td>
       <td></td>
</tr>
</tbody></table>
 
 
</div>
<br>
<a href="javascript:submitForm()" class="txt">Ajouter un autre document</a>

Je sait les tableaux c'est mal m'enfin.....
La fonction d'ajout d'un bloc fonctionne (submitform())
mais la fonction de suppression d'un bloc ne fonctionne pas (del(id))

voici le code de la suppression :

Code:

1
2
3
4
5
6
7
8
9
10
 function del(id) 
  {
	  p1=document.getElementById("upload"); //la div parente (elle est trouvé)
 
	  nom="table"+id; //construction du nom du bloc a supprimer "table1" par exemple
	  p=document.getElementById(nom); //pointage sur le bloc en question (trouve la aussi)
 
 
	  kill=p1.removeChildNode(p); //ici cela ne marche pas:cry: 
  }