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;
?>

3 réponses

  1. 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";
    }
    ?>
    3
    1. On peut avoir le code Ajax stp?
      2
      1. Personne peut m'aider? :(
        2