Ajout d'un tableau dynamique en bdd

<table class="dTable">
	<thead>
    	<tr>
        	<th>Valeurs sous test</th>
            <th>Valeurs étalon</th>
            <th>Ecart</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tfoot>
    	<tr>
        	<th colspan="5"><a href="#" rel="nofollow noopener noreferrer" target="_blank" onclick="addLigne(this)">Ajouter une ligne</a></th>
        </tr>
    </tfoot>
    <tbody>
    	<tr>
        	<td><input name="vst[]" id="vst[]" type="text" /></td>
            <td><input name="ve[]" id="ve[]" type="text" value = "" onkeyup = "calcul(this);" /></td>
            <td><input name="ecart[]" id="ecart[]" type="text" readonly="readonly" /></td>

            <td><a href="#" rel="nofollow noopener noreferrer" target="_blank" onclick="delLigne(this)">Supp</a></td>
        </tr>
    </tbody>
</table>

/*Trouve le tag "parentTagName" parent de "element"*/
function getParent(element, parentTagName)
{
	if(!element)
	return null;
	else if(element.nodeType==1 && element.tagName.toLowerCase()==parentTagName.toLowerCase())
	return element;
	else
	return getParent(element.parentNode, parentTagName);
}

/*Ajout d'une ligne*/
function addLigne(link)
{
	//1. récupérerle node "TABLE" à manipuler
	var td=link.parentNode;
	var table= getParent(td,'TABLE');
	//2. On va manipuler le TBODY
	var tbody=table.tBodies[0];
	//3. On clone laligne de référence
	var newTr = tbody.rows[0].cloneNode(true);
	tbody.appendChild(newTr);
	/*Un dernier problème subsiste : lorsqu'on clone cette ligne, son style est cloné également. Toutes les lignes sont donc invisibles ! Il faut ajouter à la fin de addLigne de quoi les remettre visibles */
	if ( document.all )
		newTr.style.display = "block"; // pour IE
	else
		newTr.style.display = "table-row"; // pour Gecko
}


/*Supprimer une ligne*/
function delLigne(link) {
	// 1. récuperer le node "TABLE" à manipuler
	var td = link.parentNode;
	var table = getParent(td, 'TABLE');
	// 2. récuperer le TBODY
	var tbody = table.tBodies[0];
	// 3. Supprimer le TR
	tbody.removeChild(getParent(td, 'TR'));
}
/*On va donc masquer la première ligne avec la propriété CSS display="none" et en ajoute une vide supplémentaire.*/

window.onload = dtableInit;
/* initialise le script */
function dtableInit() {
	var table = document.getElementsByTagName('TABLE');
	for ( var i = 0; i < table.length; i++ ) {
		// on récupère tous les tableaux dynamiques
		if ( table[i].className == 'dTable' ) {
			var tbody = table[i].tBodies[0];
			var newTr = tbody.rows[0].cloneNode(true);
			// on masque la première ligne du tbody (la ligne de reference)
			tbody.rows[0].style.display = 'none';
			// on en ajoute une
			tbody.appendChild(newTr);
		}
	}
}


function calcul(obj){
  // recherche TD parente de l'input (obj) passé en paramètre
  var oTD = obj.parentNode;
  // recherche TR parente de la TD
  var oTR = oTD.parentNode;
  // récup de la position de la TD sur la ligne
  var ind = oTD.cellIndex;
  // récup. TD précédente
  var oTDavant = oTR.cells[ind-1];
  // récup. TD suivante
  var oTDapres = oTR.cells[ind+1];
  // récup de l'INPUT de la TD précédente
  var oInputAvant = oTDavant.firstChild;
  // récup. de l'INPUT de la TD suivante
  var oInputApres = oTDapres.firstChild;
  // OUF!!! enfin le calcul
  oInputApres.value = oInputAvant.value - obj.value;
}

$value = array();
$i = 0;
while(isset($_POST['vst'][++$i])) {
 $value[] = "('', '".mysql_real_escape_string($_POST['vst'][$i])."', '".mysql_real_escape_string($_POST['ve'][$i])."', '".mysql_real_escape_string($_POST['ecart'][$i])."')";
}
 
//mysql_query("INSERT INTO tableau VALUES ".implode(', ', $value)) or die(mysql_error());
$req=$bdd->prepare('INSERT INTO tableau(val_st,val_et,ecart) VALUES(".implode(",",$value).")');