Discussion :

[Markos22]

Bonjour,

Sur une page de mise à jour d'une base de données concernant des biens immobiliers, j'ai une liste des biens existant dans la base. J'ai créé une fenêtre modale bootstrap qui s'ouvre lorsque l'on clique sur un bouton "supprimer le bien sélectionné". Un bouton "confirmer" sur cette fenêtre modale permet de confirmer la suppression du bien dans la base de données.

Problème : comme j'ai ouvert une fenêtre modale, la page ne se rafraîchit pas, et le bien supprimé figure toujours sur la liste (alors qu'il est bien supprimé de la base de données).

J'ai donc pensé à supprimer le nœud correspondant, avec du code jquery ! Mais l'affichage de la base est une boucle foreach. Qu'à cela ne tienne, j'ai donc récupéré l'id du nœud en question grâce à l'id du bien dans la base de données, et je le passe en variable à mon script jquery.

L'idée semble bonne, puisque si l'on regarde le code html généré, l'id du nœud à supprimer est bien récupéré...

...Sauf que ça marche pas : la ligne du bien à supprimer est toujours affichée. Voici mon code jquery :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('#confirmer').click(function(){
    var monBien = '<?php echo '#bien-item-'.$_GET['bien']?>';
    $(monBien).remove();
});

où GET['bien'] correspond à l'id du bien sélectionné, qui figure dans l'id du nœud à supprimer, qui est un lien vers la même page avec une variable passée dans l'url, ce qui permet de sélectionner le bien en question :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a class="list-group-item list-group-item-action" href="form_modif.php?bien=1" id="bien-item-1">

Pourquoi la ligne (la balise <a> cliblée) n'est-elle pas supprimée, alors que le reste du code fonctionne bien (le bien est bien supprimé de la base de données) ?

Merci de vos réponses

[SpaceFrog]

regarde dasn el code source généré comme le php est interprété

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
$('#confirmer').click(function(){
    var monBien = '<?php echo '#bien-item-'.$_GET['bien']?>';
    $(monBien).remove();
});

ça donne quoi dans le code source ?

Elle est bien dans un ready() cette instruction ?

[mathieu]

Voici mon code jquery :

affichez avec "console.log" le contenu de la variable pour vérifier que la valeur est celle que vous souhaitez

d'ailleurs affichez aussi le résultat du sélecteur

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
console.log(monBien);
console.log($(monBien));

[Markos22]

@SpaceFrog,

Le code source généré, je l'ai vérifié :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
$(document).ready(function(){
				$(['data-toggle=modal']).modal();
				$('#confirmer').click(function(){
					var monBien = '#bien-item-15';
					$(monBien).remove();
					console.log(monBien);
				});
			});

Donc, la valeur de la variable monBien est bonne. Comme tu le vois, @mathieu, j'ai bien inclus un console.log, mais rien ne s'affiche. A moins qu'il y ait quelque chose qui m'échappe dans la console de Firefox...

[SpaceFrog]

tu as bien un élément avec id '#confirmer' ?
et un seul ?

[Markos22]

Oui, il s'agit du bouton submit qui déclenche la suppression en base :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type="submit" class="btn btn-primary" id="confirmer" name="confirmer" value="confirmer">

[SpaceFrog]

ben oui ... mais ...

c'est un bouton submit !!!
donc tu soumets le form et tu recharges la page !!