Discussion :

[pharell22]

Bonjour à tous,

Je me retrouve confronter face à un problème qui me bloque depuis plusieurs jours...
Comme indiqué dans le titre, je cherche à effacer un élément précis se situant dans une div.

Rien de bien compliqué un removeChild() et roule, et bien non

La div est "remplie" par une fonction javascript comprenant un span du texte et un bouton permettant de choisir quel élément on souhaite supprimer.
Sur ce bouton est placé un écouteur qui faut appel à plusieures fonctions dont ma fonction removeResult(response) qui a pour but de supprimer l'élément sélectionné.

Cette fonction fonctionne parfaitement quand le contenu de la div est généré en php, mais le php ne convient pas car si l'utilisateur décide d'ajouter un élément et qu'il souhaite finalement le supprimer, il ne pourra pas car l'élément ajouté ne sera pas visible dans le listing.

Voici la fonction en question:

Code :

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

1
2
3
4
5
6
7
8
 
function removeResult(response){
	var result=document.getElementById('ingr'+response.id_pizza+response.idIngr);
	console.log(result);
	var parent=result.parentNode;
	console.log(parent);
	parent.removeChild(result);
}

les console.log me retournent les bonnes valeurs mais la suppression ne s'effectue pas sur le DOM.

J'ai tenté en Jquery en faisant:

Code :

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

1
2
3
4
5
 
function removeResult(response){
       var result=$('#ingr'+response.id_pizza+response.idIngr);
       result.remove();
}

Sans succès non plus.

Je me tourne vers vous pour avoir d'autres pistes à creuser, quelque chose doit m'échapper.

Merci d'avance, Julien

[badaze]

Un peu plus de code aiderait à essayer de reproduire le cas.

[danielhagnoul]

Vous devez créer l'objet référençant l'élément du DOM à supprimer après sa création par AJAX !

Dans votre cas l'objet "result" n'existe pas, il est probablement "undefined". Il suffit de vérifier avec un console.log(result);.

[pharell22]

C'est bien ce que je faisais, et il y avait des console.log sur result et parent. je trouvais bien les bon éléments mais la suppression ne s'effectuait pas.

En fouillant un peu sur le web, j'ai trouvé une solution pas très élégante mais fonctionnelle, j'ai forcé le reload en faisant un location.reload(true) et ca fonctionne.

Merci d'avoir répondu