11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous , deuis peut je découvre le DOM.
En fait mon soucis c'est que j'ai un tableau , et l'utilisateur crée dynamiquement des lignes à ce tableau.

Les lignes sont crées suivant ce modele:

$fournisseur ='SELECT * from fournisseurs where id_fo='.$id_fournisseur;
$req3 = mysql_query($fournisseur) or die('Erreur SQL !<br>'.$fournisseur.'<br>'.mysql_error()); 
$data = mysql_fetch_assoc($req3);
echo '<tr id="'.$data['id_fo'].'">';
echo "<td class=fournisseurFormLabel> Fournisseur </td>";
echo "<td> ".$data['nom']."</td>";
echo '<td><a  onClick="javascript:del_fournisseur('.$data['id_fo'].')">Suppr</a></td>';
echo "</tr>";

Ainsi chaque tr à un id unique , et sur chaque ligne le bouton suppr à pour lien l'adresse de la fonction del_fournisseur que voici

// --- FONCTION DELETE D'une ligne Fournisseur --- //
function del_fournisseur(id_a_suppr)
{
document.getElementById("testAJAX").deleteRow(id_a_suppr); 
}

Mon problème est que lorsque j'appuie sur suppr , ça me supprime la 1er ligne de mon tableau... et ainsi dessuite jusqu'à qu'il n'y ai plus de ligne Smiley decu
Avez vous une idée ?

Merci d'avance Smiley smile
Personne n'a d'idée ? ou si ce que je demande n'est pas possible , auriez vous une autre piste , ou un autre moyen de procéder pour obtenir un résultat similaire?