[Javascript] Tableau dynamiq dans tables sql
merwane78
-
merwane78 -
merwane78 -
Salut,
Je vous expose mon code :
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><head>
<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 :( :(.
Je vous expose mon code :
<html xml:lang="fr" xmlns="http://www.w3.org/1999/xhtml"><head>
<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 :( :(.
A voir également:
- [Javascript] Tableau dynamiq dans tables sql
- Tableau word - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
- Dans le fichier, générez ce tableau automatiquement (tableau croisé dynamique ou table de pilote) à partir des quatre premières colonnes. - Guide
- Imprimer tableau excel sur une page - Guide
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 ?
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 ?
