Tableau AJAX avec ajout/suppression de ligne
Drey242
Messages postés
29
Statut
Membre
-
Drey242 Messages postés 29 Statut Membre -
Drey242 Messages postés 29 Statut Membre -
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;
?>
A voir également:
- Tableau AJAX avec ajout/suppression de ligne
- Tableau word - Guide
- Forcer suppression fichier - Guide
- Partage de photos en ligne - Guide
- Tableau ascii - Guide
- Trier un tableau excel - Guide
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";
}
?>
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";
}
?>
