Suppression de données en base sur action bouton

Version imprimable

Voir 40 message(s) de cette discussion en une page

Bonjour à tous,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
while($res = $req_select->fetch())
{
	$nomReq = urlencode($res['NomRequete']);
	$comm = addslashes($res['Commentaire']);
	$dateDeb = addslashes($res['date_debut']);
	$dateFin = addslashes($res['date_fin']);
	list($jour,$heure)=explode(" ",$res['date_heure']);
	echo "<tr><td style='width:40px;'><input style='width:28px;height:28px;' id='moddatereq' type='image' src='images/config_accueil.png' onClick=\"javascript:showChampsReq('$nomReq','$comm','$dateDeb','$dateFin')\"><br><input style='width:24px;height:24px' id='delreq' type='image' src='images/delete.png' onClick='javascript:supprimerRequete'></td>";
	echo "<td>".$jour."<br/>".$heure."</td>";
	echo "<td style='width:200px;' id = 'nomrequete".$id_ligne."' onblur=\"updateValue('".$res['NomRequete']."','NomRequete',document.getElementById('nomrequete".$id_ligne."').textContent);\">".$res['NomRequete']."</td>";				
	echo "<td style='width:200px;' id = 'commentaire".$id_ligne."' onblur=\"updateValue('".$res['NomRequete']."','Commentaire',document.getElementById('commentaire".$id_ligne."').textContent);\">".$res['Commentaire']."</td>";
	echo "<td style='width:100px;' id = 'date_debut".$id_ligne."' onblur=\"updateValue('".$res['NomRequete']."','date_debut',document.getElementById('date_debut".$id_ligne."').textContent;\">".$res['date_debut']."</td>";
	echo "<td style='width:100px;' id = 'date_fin".$id_ligne."'onblur=\"updateValue('".$res['NomRequete']."','date_fin',document.getElementById('date_fin".$id_ligne."').textContent;\">".$res['date_fin']."</td>";			
}

Je voudrais supprimer une ligne de données en appuyant sur le bouton supprimer via une fonction javascript/jQuery si j'ai bien tout compris.

Le problème c'est que je ne sais pas trop comment faire pour y parvenir. Avec les diverses recherches que j'ai fais voici un embryon de fonction :

Code:

1
2
3
4
5
6
7
8
9
 
function supprimerRequete(nomReq,commentaire,dateDeb,dateFin)
{
	var query_delete = '';
	$('td').each(function() {
		query_delete +=
	});
	saveEqu(query_delete);
}

Merci d'avance pour votre aide

11/12/2013, 10h33
SpaceFrog

merci de lire ceci
http://www.developpez.net/forums/d73...isation-forum/

ton code php ne nous est d'aucune utilité ... merci de poster le code html généré.

Sinon en ce qui concerne ton souci:
lors du clikc il te faut faire une requête ajax vers une page php de traitement et y passant en paramètre l'id de l’élément afin de pouvoir faire ta requête mysql et tu retourne un flag témoin du déroulement du traitement
sur le retour tu supprimes ou non la ligne du tableau selon le flag retourné

Voici la page de traitement php qui me permet de supprimer ma ligne.

Code:

onClick='javascript:deleteRequete('$nomReq','$comm','$dateDeb','$dateFin','$id')'

delete_Requete.php :
Code:

1 2 3 4 5 6 7 8 9 10 11 <?php if (!isset($_SESSION)) { session_start(); } include_once("../connexion.php"); include_once("../fonctions.php"); include_once("../config.php"); $id = $_GET['id']; $supprReq = $bdd->exec("DELETE FROM config_Requetes WHERE idRequete='$id'"); ?>
Par contre, je n'ai pas bien compris l'histoire du flag et quoi faire sur le retour :x

11/12/2013, 11h01
SpaceFrog
procédons dans l'ordre ...
hormis un code archaïque et une syntaxe fausse
Code:

1 2 onClick='javascript:deleteRequete('$nomReq','$comm','$dateDeb','$dateFin','$id')'
onclick => pas de majuscule ...
='javascript: => un événement n'attend pas autre chose que du javascript ... (en tout cas pas une recette de crêpes suzettes)

onClick='javascript:deleteRequete('$nomReq','$comm','$dateDeb','$dateFin','$id')' => rein que la coloration syntaxique devrait te mettre la puce à l'oreille sur la priorité de quotes

Bref =>

Code:

onclick="deleteRequete('$nomReq','$comm','$dateDeb','$dateFin','$id')"

voilà qui est mieux ...

ensuite il nous manque pour te répondre la partie essentielles

Code:

deleteRequete()

et accessoirement savoir d’où sortent les variables '$nomReq','$comm','$dateDeb','$dateFin','$id'
elle sont en php ??? dans un chaine echo de php ??
sinon là tu envoies du string a la fonction ...

bref tu donne trop peu d'éléments...

Dixit le premier post, on retrouve toutes les variables dans le premier bout de code. Ils sont tous dans les echo :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<?php 
$req_select = $bdd->query('SELECT * FROM config_Requetes WHERE Utilisateur = "'.$_SESSION['login'].'" ORDER BY date_heure DESC') or die(print_r($bdd->errorInfo())); //sélectionne les requetes en fonction de l'utilisateur
$rowCount = $req_select->rowCount();
 
if ($rowCount == 0)
{
	echo "<p>Vous n'avez aucune requête enregistrée en base.<br> Effectuez une analyse puis sauvegardez la, elle apparaitra ensuite sur cette page.</p>";		
}
else 
{?>
	<h3>Requêtes enregistrées</h3>
	<!-- <p><i>Vous pouvez modifier les dates de début et de fin avant d'exécuter la requête (au format : AAAA-MM-JJ HH:MM:SS).-->
	<table style="text-align:center;" class='bordered striped'>
	<tr><th>Actions</th><th>Date</th><th>Nom Requete</th><th>Commentaire</th><th>Date début</th><th>Date fin</th></tr>
<?php
	$i = 0;
	$id_ligne = 0;
	$sauvegarde = "";
 
	while($res = $req_select->fetch())
	{
		$nomReq = urlencode($res['NomRequete']);
		$comm = addslashes($res['Commentaire']);
		$dateDeb = addslashes($res['date_debut']);
		$dateFin = addslashes($res['date_fin']);
		$id = addslashes($res['idRequete']);
		list($jour,$heure)=explode(" ",$res['date_heure']);
		echo "<tr><td style='width:40px;'><input style='width:28px;height:28px;' id='moddatereq' type='image' src='images/config_accueil.png' onclick=\"showChampsReq('$nomReq','$comm','$dateDeb','$dateFin')\"><br><input style='width:24px;height:24px' id='delreq' type='image' src='images/delete.png' onclick=\"deleteRequete('$nomReq','$comm','$dateDeb','$dateFin','$id')\"></td>";
		echo "<td>".$jour."<br/>".$heure."</td>";
		echo "<td style='width:200px;' id = 'nomrequete".$id_ligne."' onblur=\"updateValue('".$res['NomRequete']."','NomRequete',document.getElementById('nomrequete".$id_ligne."').textContent);\">".$res['NomRequete']."</td>";				
		echo "<td style='width:200px;' id = 'commentaire".$id_ligne."' onblur=\"updateValue('".$res['NomRequete']."','Commentaire',document.getElementById('commentaire".$id_ligne."').textContent);\">".$res['Commentaire']."</td>";
		echo "<td style='width:100px;' id = 'date_debut".$id_ligne."' onblur=\"updateValue('".$res['NomRequete']."','date_debut',document.getElementById('date_debut".$id_ligne."').textContent;\">".$res['date_debut']."</td>";
		echo "<td style='width:100px;' id = 'date_fin".$id_ligne."'onblur=\"updateValue('".$res['NomRequete']."','date_fin',document.getElementById('date_fin".$id_ligne."').textContent;\">".$res['date_fin']."</td>";			
	}
}

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function deleteRequete(nomReq,commentaire,dateDeb,dateFin,id)
{
	var xhr = getHTTPrequest();
	var param = "nomReq="+nomReq+"&commentaire="+commentaire+"&dateDeb="+dateDeb+"&dateFin="+dateFin+"&id="+id;
	xhr.onreadystatechange=function()
	{
		if (xhr.readyState == 4 && xhr.status == 200)
		{
			popUp(xhr.responseText);
		}
	}
	xhr.open("POST","./ajax/delete_Requete.php?"+param,true);
	xhr.send();
}

11/12/2013, 11h13
Bovino

Citation:

Envoyé par SpaceFrog

merci de lire ceci
http://www.developpez.net/forums/d73...isation-forum/

ton code php ne nous est d'aucune utilité ... merci de poster le code html généré.

Merci de tenir compte de ça !
11/12/2013, 11h16
ciols

J'en tiens compte mais il m'a demandé de lui afficher l'origine des variables et la fonction du coup j'ai tout affiché pour une meilleure compréhension
11/12/2013, 11h21
SpaceFrog

Si tu regardais ton code html généré tu comprendrais (enfin je l'espère) que ta syntaxe hml est fausse ...

de plus je ne vois toujours pas la fonction ...

Fonction deleteRequete :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
function deleteRequete(nomReq,commentaire,dateDeb,dateFin,id)
{
	var xhr = getHTTPrequest();
	var param = "nomReq="+nomReq+"&commentaire="+commentaire+"&dateDeb="+dateDeb+"&dateFin="+dateFin+"&id="+id;
	xhr.onreadystatechange=function()
	{
		if (xhr.readyState == 4 && xhr.status == 200)
		{
			popUp(xhr.responseText);
		}
	}
	xhr.open("POST","./ajax/delete_Requete.php?"+param,true);
	xhr.send();
}

[edit] J'ai checker l'html généré et j'ai corrigé les soucis de synthaxe \" à la place de '

11/12/2013, 11h33
SpaceFrog
Code:

1 2 3 4 if (xhr.readyState == 4 && xhr.status == 200) { popUp(xhr.responseText); }
ici sur le success de ta requete ajax tu récupères le resultat de la page de traitement (echo )

on va continuer la peche aux infos ... popUP() ???

ce qui est dans le responseText c'est tout le texte que la page de traitement retournera
si tu fais [echo 'ok'; sur la page de traitement tu recevras ok dans ton responseText

Fonction popUp :

Code:

1
2
3
4
5
6
7
8
9
function popUp(contenu) 
{
	document.getElementById('lightbox').innerHTML = "<a href='javascript:fermerPopup();' class='closeButtonPopUp'><span class='delButton'>×</span></a><div id='contenuPopup'><div id='preloader' align='left' style='display:none'><img src='images/ajax-loader.gif'/><br/><i>Chargement en cours...</i></div></div>";
	document.getElementById("contenuPopup").innerHTML += contenu;
	window.scrollTo(0,0);
	var lightbox = document.getElementById("lightbox");
	lightbox.style.visibility = 'visible';
	lightbox.style.top = ($(window).height())/2 - 400 + 100 + 'px';
}

Si j'ai bien compris si je fais echo du résultat de ma requete sql, cad la suppression, j'aurais la suppression dans ma responseText ??

11/12/2013, 11h41
SpaceFrog

ta reponse est du string ...
a toi de :
- faire le bon echo coté serveur
- tester ton responseText (string) dans el success

J'ai l'impression que ça marche, la requete disparait bien cependant j'ai une petite erreur au niveau php :
Code:

1 2 3 4 5 6 7 8 9 10 11 $id = $_GET['id']; $supprReq = $bdd->exec("DELETE FROM config_Requetes WHERE idRequete='$id'") or $err = 1; if ($err != 1) { echo('Suppression réussie'); } else { echo('Erreur lors de la suppression'); }
J'ai juste un undefined index sur $err. Est ce que c'est à peut près ce qu'il fallait faire ?

Merci d'avance

11/12/2013, 13h01
SpaceFrog

Code:

$supprReq = $bdd->exec("DELETE FROM config_Requetes WHERE idRequete='$id'");

que te retourne $supprReq en cas de succès ou en cas d'echec de la requete ?
11/12/2013, 13h09
ciols

$supprReq = 1 si la suppression est ok 0 sinon.

De plus je suis obligé de rafraichir la page pour voir que la requete à été supprimée... Y'a pas un moyen de faire un refresh auto ?
11/12/2013, 13h26
SpaceFrog
???
pourquoi diable rafraichir la page ...
Code:

1 2 3 $id = $_GET['id']; $supprReq = $bdd->exec("DELETE FROM config_Requetes WHERE idRequete='$id'") ; echo($err !=1)?'true':'false'
et sur le test de ton retour tu supprimes la ligne ou pas (avec js)

ceci étant vu que tu sembel utiliser jquery *... (au vu de ton premier post)

pourquoi ne pas te simplifier la vie et faire tout en profitant de la puissance de jquery et de ses requetes ajax ??

delete_Requete.php
Code:

1 2 3 4 5 $id = $_GET['id']; $supprReq = $bdd->exec("DELETE FROM config_Requetes WHERE idRequete='$id'") or $err = 1; echo ($err != 1) ?'true':'false';
Fonction deleteRequete :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 function deleteRequete(nomReq,commentaire,dateDeb,dateFin,id) { var xhr = getHTTPrequest(); var param = "nomReq="+nomReq+"&commentaire="+commentaire+"&dateDeb="+dateDeb+"&dateFin="+dateFin+"&id="+id; xhr.onreadystatechange=function() { if (xhr.readyState == true) { // Suppression de la ligne } } xhr.open("POST","./ajax/delete_Requete.php?"+param,true); xhr.send(); }
Ce que je ne comprends c'est comment faire pour supprimer la ligne en question avec javascript sachant que elle est déjà supprimée de par la requête qui est située dans delete_Requete.php.

Je tiens à préciser que l'ajax et JS sont nouveaux pour moi et je suis totalement étranger à jQuery (même en glanant des infos). La lecture de X tuto ne m'avancent guère :D

J'en appelle à votre patience !

11/12/2013, 13h45
Bovino

Code:

if ($err != 1)

Tu ne remarques pas que $err n'est défini que si ta requête a échoué ?
Donc si tout se passe bien, ça ne peut que mal se passer !
11/12/2013, 13h50
ciols
Code:

1 2 3 4 5 $id = $_GET['id']; $err = ""; $supprReq = $bdd->exec("DELETE FROM config_Requetes WHERE idRequete='$id'") or $err = 1; echo ($err != 1)?'true':'false';
Si $err != 1, c'est à dire dans le cas où la requête s'est exécutée ça renvoit true et dans le cas inverse, si $err = 1, cad que la suppression n'a pas eut lieu false est renvoyé. Je ne vois pas où est le problème... D'ailleurs j'ai du mal à imaginer un cas où $err = false car comme je fais passer l'id etc la requête existe forcément et est donc supprimée.

D'ailleurs j'ai un popUp qui s'affiche avec l'echo true ou false. Mais dans l'absolu je voudrais que l'utilisateur puisse confirmer la suppression pour éviter des miss-click
11/12/2013, 14h00
Bovino

Code:

$err = "";

C'est sûr qu'en rajoutant une ligne corrigeant le problème, il n'y a plus de problème... :roll:
Ceci dit, cette façon de faire est assez moche...

Code:

if($supprReq)

suffisant amplement...

Voir 40 message(s) de cette discussion en une page