Suppression de données en base sur action bouton

Version imprimable

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

12/12/2013, 10h05
ciols

En effet c'est le tr, du coup, en prenant en compte tout ce que tu m'as dis :

Code:

this.parentNode.parentNode.parentNode.removeChild(tr);

Sinon j'ai rien compris.
Je ne peux pas tester à l'heure actuelle, on est entrain d'effectué une réinstallation de mysql.
12/12/2013, 10h07
SpaceFrog
sinon alors .... :mouarf:

tr ??? encore une fois il vient d'ou ???

c'est curieux que tu sois capable de remonter à partir de this jusqu'au table ...
mais après pas jusqu'au tr ...
Code:

1 2 this.parentNode.parentNode.parentNode.removeChild(this.parentNode.parentNode);

Hmm ouais forcément...

Dès que je peux tester, je teste et si ça fonctionne je résous le post !

Merci en tout cas pour tes réponses rapides et ta patience :D

[Edit] Ca ne marche pas....... Quand je click sur le bouton j'ai bien la confirmation mais je n'ai pas les alertes...
Code:

1 2 3 4 $supprReq = $bdd->exec("DELETE FROM config_Requetes WHERE idRequete='$id'"); print_r($supprReq); echo ($supprReq != 1)?'true':'false';
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 function deleteRequete(this.nomReq,this.commentaire,this.dateDeb,this.dateFin,this.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) { if (xhr.responseText == 'true') { this.parentNode.parentNode.removeChild(this.parentNode.parentNode); alert('Tout s\'est bien passé'); } else { alert('Un problème a empeché la suppression !'); } } } xhr.open("POST","./ajax/delete_Requete.php?"+param,true); xhr.send(); }
Je remets le code comme on a changé de page

[EDIT] Voici une erreur que j'ai réussi à trouver :

Citation:

TypeError: this.parentNode is undefined
this.parentNode.parentNode.removeChild(this.parentNode.parentNode);

SI tu regardes bien ton code html généré tu verras que tu as des id répliqués ...
un id doit être unique sur la page

etudie ce bout de code ...

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
<html>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<script type="text/javascript" >
function supprimer(inp) {
    inp.parentNode.parentNode.parentNode.removeChild(inp.parentNode.parentNode)
    return false;
};
</script>
</head>
 
<body>
<table>
    <tr>
        <td style='width:40px;'>
            <input type="image" style='width:24px;height:24px' id="delreq_0" class='delreq' type='image' src='images/delete.png' onclick="supprimer(this)" />
        </td>
    </tr>
    <tr>
        <td style='width:40px;'>
            <input type="image" style='width:24px;height:24px' id="delreq_1" class='delreq' type='image' src='images/delete.png' onclick="supprimer(this)" />
        </td>
    </tr>
    <tr>
        <td style='width:40px;'>
            <input type="image" style='width:24px;height:24px' id="delreq_2" class='delreq' type='image' src='images/delete.png' onclick="supprimer(this)" />
        </td>
    </tr>
</table>
</body>
 
</html>

12/12/2013, 10h53
SpaceFrog

mais clairement si tu utilises jquery
http://jsfiddle.net/ZxwN7/1/
12/12/2013, 10h53
ciols

Exact, j'ai les IDs suivants qui se répètent pour chaque tr :

Citation:

id="nomrequete0"
id="commentaire0"
id="date_debut0"
id="date_fin0"

Typiquement, tous mes td sont tous la forme :

Code:

"<td style='width:200px;' id = 'nomrequete".$id_ligne."'

et $id_ligne est initialisé à 0 mais pas incrémenté !! Du coup dans le while j'ai rajouté $id_ligne++;

Ca marche plutôt pas mal, le seul problème c'est quand je valide la suppression, il ne m'affiche pas l'alert('Tout s\'est bien passé !');

Une idée pour ça ?
12/12/2013, 10h56
SpaceFrog

incrémentes les id ...
tu as aussi l'id du bouton del ...
12/12/2013, 10h59
ciols

Ca marche plutôt pas mal, le seul problème c'est quand je valide la suppression, il ne m'affiche pas l'alert('Tout s\'est bien passé !'); et il ne me rafraichit pas la page (du coup l'utilisateur ne sait pas vraiment si la requête a été supprimée sauf si il fait un f5).

Une idée pour ça ?
12/12/2013, 11h09
SpaceFrog

montre ton code ...

deleteRequete :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
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)
		{
			if (xhr.responseText == 'true')
			{
				this.parentNode.parentNode.removeChild(this.parentNode.parentNode);
				alert('Tout s\'est bien passé !');
			}
			else
			{
				alert('Un problème a empeché la suppression !');
			}
		}
	}
	xhr.open("POST","./ajax/delete_Requete.php?"+param,true);
	xhr.send();
}

delete_requete.php:

Code:

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

Le bouton de suppression :

Code:

1
2
 
echo "<tr><td style='width:40px;'><input style='width:28px;height:28px;' id='moddatereq".$id_ligne."' type='image' src='images/config_accueil.png' onclick=\"showChampsReq('$nomReq','$comm','$dateDeb','$dateFin')\"><br><input style='width:24px;height:24px' id='delreq".$id_ligne."' type='image' src='images/delete.png' onclick=\"if (confirm('Êtes-vous sûr de vouloir la supprimer ?')){deleteRequete('$nomReq','$comm','$dateDeb','$dateFin','$id');}\"></td>";

L'erreur se situe au niveau de cette ligne :

Code:

this.parentNode.parentNode.removeChild(this.parentNode.parentNode);

heu tu passes ou l'input cliqué ???

Code:

1
2
3
echo "<tr><td style='width:40px;'><input style='width:28px;height:28px;' id='moddatereq".$id_ligne."' type='image' src='images/config_accueil.png' onclick=\"showChampsReq('$nomReq','$comm','$dateDeb','$dateFin')\"><br><input style='width:24px;height:24px' id='delreq".$id_ligne."' type='image' src='images/delete.png' onclick=\"if (confirm('Êtes-vous sûr de vouloir la supprimer ?')){deleteRequete('$nomReq','$comm','$dateDeb','$dateFin','$id',this);}\">

</td>";

Code:

1
2
3
4
5
6
7
8
function deleteRequete(nomReq,commentaire,dateDeb,dateFin,id, JeSuisLinputquiVientdetreClique){
 
.../...
if (xhr.responseText == 'true')
			{
				JeSuisLinputquiVientdetreClique.parentNode.parentNode.removeChild(JeSuisLinputquiVientdetreClique.parentNode.parentNode);
				alert('Tout s\'est bien passé !');
			}

12/12/2013, 11h24
ciols

Erreur un peu différente :

Citation:

Node was not found
12/12/2013, 11h36
SpaceFrog

Code:

JeSuisLinputquiVientdetreClique.parentNode.parentNode.parentNode.removeChild(JeSuisLinputquiVientdetreClique.parentNode.parentNode);

il faut remonter au table pour supprimer le tr

(input > td > tr > table).supprimie(input>td>tr)
12/12/2013, 11h36
ciols

Parfait ça marche !!! Merciiiiiiiiiiiiiiiiiii beaucoup !

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