Tableau AJAX avec ajout/suppression de ligne
Bonjour,
J'ai un tableau (AJAX) ou je peux modifier les lignes en double cliquant, et je souhaiterais pourvoie ajouter des ligne en cliquant sur un bouton en bas de page et aussi en supprimer en cliquant sur une petite icône dans une colonne.
Si vous voulez plus de détails, demandez moi j'essayerais de faire au mieux.
Merci de votre aide!
Je sais pas si ca peut être utile mais voila mon tableau :
<?php
header('Content-type: text/html; charset=utf-8');
require_once ("Connect.php");
//require_once ("connexion.php");
$connexion = mysql_pconnect(SERVEUR, NOM, PASSE);
mysql_select_db(BASE, $connexion);
$req= "SELECT * FROM cartepizza";
$res = mysql_query($req);
$tab="<table align='center' border='1'>
<tr>
<th><font face='Comic sans MS' font color ='#CC3300' size='3'>Nom Pizza</th>
<th><font face='Comic sans MS' font color ='#CC3300' size='3'>Composition</th>
<th><font face='Comic sans MS' font color ='#CC3300' size='3'>Prix</th>
</tr>";
while ( list($NOMP, $PRIX, $COMPO) = mysql_fetch_array($res)){
$tab .="<tr>
<td ondblclick=\"modif($NOMP, this,'NOMP')\">$NOMP</td>
<td ondblclick=\"modif($NOMP, this,'COMPO')\">$COMPO</td>
<td ondblclick=\"modif($NOMP, this,'PRIX')\">$PRIX</td>
</tr>";
}
$tab .="</table>";
echo $tab;
?>
J'ai un tableau (AJAX) ou je peux modifier les lignes en double cliquant, et je souhaiterais pourvoie ajouter des ligne en cliquant sur un bouton en bas de page et aussi en supprimer en cliquant sur une petite icône dans une colonne.
Si vous voulez plus de détails, demandez moi j'essayerais de faire au mieux.
Merci de votre aide!
Je sais pas si ca peut être utile mais voila mon tableau :
<?php
header('Content-type: text/html; charset=utf-8');
require_once ("Connect.php");
//require_once ("connexion.php");
$connexion = mysql_pconnect(SERVEUR, NOM, PASSE);
mysql_select_db(BASE, $connexion);
$req= "SELECT * FROM cartepizza";
$res = mysql_query($req);
$tab="<table align='center' border='1'>
<tr>
<th><font face='Comic sans MS' font color ='#CC3300' size='3'>Nom Pizza</th>
<th><font face='Comic sans MS' font color ='#CC3300' size='3'>Composition</th>
<th><font face='Comic sans MS' font color ='#CC3300' size='3'>Prix</th>
</tr>";
while ( list($NOMP, $PRIX, $COMPO) = mysql_fetch_array($res)){
$tab .="<tr>
<td ondblclick=\"modif($NOMP, this,'NOMP')\">$NOMP</td>
<td ondblclick=\"modif($NOMP, this,'COMPO')\">$COMPO</td>
<td ondblclick=\"modif($NOMP, this,'PRIX')\">$PRIX</td>
</tr>";
}
$tab .="</table>";
echo $tab;
?>
3 réponses
-
C'est ca qu'il te faut? car j'ai plusieurs trucs en .js
En bibliothèque j'utilise JQuery et Prototype.
pizza.php correspond au tableau de mon précédant message
// JavaScript Document
//Afficher informations
function pizz() {
new Ajax.Request
( "pizza.php",
{
method: 'get',
onComplete: function(requete) {
$('pizza').innerHTML = requete.responseText;
}
}
)
}
function modif(id, element, champ) {
var saisie = document.createElement("input");
saisie.value = element.firstChild.data; // element.innerHTML
saisie.style.width = "150px";
element.replaceChild(saisie, element.firstChild);
saisie.focus();
saisie.select();
saisie.onblur = function() {
sauver(id, element, champ, saisie.value);
}
}
function sauver(id, element, champ, valeur) {
new Ajax.Request
( "modifpizza.php",
{
method: 'get',
parameters: {id: id, champ: champ, valeur: valeur},
onComplete: function(requete) {
element.innerHTML = requete.responseText;
}
}
)
}
Et modifpizza.php =>
<?php
header("Content-type: text/html; charset=utf-8");
extract($_GET);
require_once ("connect.php");
//require_once ("connexion.php");
$connexion = mysql_pconnect(SERVEUR, NOM, PASSE);
mysql_select_db(BASE, $connexion);
$req="update cartepizza set $champ='$valeur' where NOMP='$id'";
$resultat = mysql_query($req);
if ($resultat)
{
echo $valeur;
}
else
{
echo "erreur dans l'execution de la requête";
}
?>
-
On peut avoir le code Ajax stp?
-
Personne peut m'aider? :(