[Javascript] Tableau dynamiq dans tables sql

Fermé
merwane78 - 25 juil. 2008 à 10:11
 merwane78 - 25 juil. 2008 à 11:46
Salut,

Je vous expose mon code :

<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><head&g­t;


<title>Fiche de non conformité</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css">
</head><body>

<script language="javascript">
<!--
function ajoute_ligne()
{
emplacement = document.getElementById("mon_tableau");

//-- création d'une ligne ----------
elem = document.createElement("TR");
ligne = emplacement.appendChild(elem);

//-- création de 6 cellules --------
for (i = 1 ; i <= 6 ; i++)
{
elem = document.createElement("input");
cellule = ligne.appendChild(elem);
}
}

function supprime_ligne()
{
emplacement = document.getElementById("mon_tableau");
if (! emplacement.hasChildNodes()) return;

//-- effacement de la dernière ligne ----------
ligne = emplacement.getElementsByTagName("TR");
emplacement.removeChild(ligne.item(ligne.length - 1));
}


myNewRow = document.getElementById("test").insertRow()

myNewCell = myNewRow .insertCell();

myNewCell.innerHTML = "nouvelle ligne a la fin";



myNewRow = document.getElementById("test").insertRow(0)

myNewCell = myNewRow .insertCell();

myNewCell.innerHTML = "nouvelle ligne à la position 0";

//-->
</script>


<table align="center" border="1" width="100%">
<tbody id="mon_tableau">

<tr></tr></tbody>
</table>
<table align="center" width="100%">
<tbody><tr>
<td align="center">
<input value="Ajouter une ligne" onclick="ajoute_ligne()" type="button">
</td>
<td align="center">
<input value="Supprimer une ligne" onclick="supprime_ligne()" type="button">
</td>
<td> </td>
</tr>
</tbody></table>


</body></html>




Le code marche bien mais j'aimerais maintenant enregistrer les informations que l'utilisateur remplira dans les "input" dans une base de données mySql mais je ne sais pas comment faire !

Quand je clique 2 fois sur Ajouter une ligne, il ajoute deux lignes de 6 input de type text (donc 12 champs texte).

J'ai une table mysql qui contient (prénom, nom, mail, adresse, téléphone, age).

Je clique sur ajouter une ligne

je tape "jacques chirac 75 ans paris etc etc"
ensuite "zinedine zidane 35 ans marseille etc etc"

Mais comment différencier les deux ?

J'ai du mal avec le javascript

Ai-je été assez claire ?

Merci :( :(.

1 réponse

Un ptit up

J'ai trouvé la moitié de la solution :

//-- création de 6 cellules --------
for (i = 1 ; i <= 6 ; i++)
{
elem = document.createElement("input");


ELEM.NAME = "nom"+i;


cellule = ligne.appendChild(elem);
}
}



Ca différencie les inputs sur les lignes :

INPUT 1 - INPUT 2 - INPUT 3 etc etc

ce que je voudrais faire maintenant c'est une boucle qui permet de les différencier sur les collonnes c'est à dire :


INPUT 1.1 - INPUT 2.1 - INPUT 3.1 etc etc
INPUT 1.2 - INPUT 2.2 - INPUT 3.2 ETC ETC


an idea ?
0