supprimer un élément html [Résolu]

[Dauphin]

bonjour,

voila mon soucis. dans ma page je génère un "popup" via une requête ajax. Jusque là, tout va bien. En revanche ce qui ne veut pas fonctionner c'est la "fermeture" de cette popup ...

Voila à quoi ressemble mon code pour générer ma popup :

Code :

1
2
3
4
5
6
7
8
9
var url = 'monscript.php?option='+option;
	new Ajax(url, {
		method: 'post',
		onComplete: function(response) {
			var popup = new Element('div', {'id':'mapopup'});
			popup.setHTML(response);
			popup.inject($('mainPage'), 'top');
		}
	}).request();

Et voici la partie intéressante de la variable response retournée par monscript.php :

Code :

1
2
3
4
5
6
7
8
9
<div>
	<div class="titre">
		<span>mon titre</span>
		<img src="monimage.png" onclick="$('mapopup').destroy();" alt="Fermer" title="Fermer cette fenêtre" />
	</div>
	<div class="contenu">
		bla bla bla bla bla .....
	</div>
</div>

le problème c'est que le onclick="$('mapopup').destroy();" qui devrait supprimer ma popup ne fonctionne pas. IL ne se passe rien quand je clique dessus
J'ai aussi essayé onclick="$('mapopup').dispose();" mais sans plus de succès.
En revanche onclick="$('mapopup').empty();" fonctionne très bien mais supprime uniquement le contenu de ma popup ...

voili, voulou ... si quelqu'un avait une donc idée pour supprimer ma div ça serait super cool.

Bonne journée

[vermine]

Bonjour,

Ce n'est pas exactement la même manière avec les pop up. Essayez toujours la méthode close() comme pour les MooDialog :

Code :

1
2
 
$('mapopup').close();

Suivi du destroy pour réellement la supprimer du DOM :

Code :

1
2
 
$('mapopup').close(); $('mapopup').destroy();

[Dauphin]

merci, je vais essayer et je vous tiens au courant.

Ma "popup" n'en est cependant pas vraiment une ... ce n'est qu'un DIV que j'intègre à ma page html et que j'affiche en surimpression du reste ... je ne suis donc pas sûr que le close() fonctionne.

[vermine]

Vous êtes en version 1.1 de Mootools ?
Je demande cela parce que j'ai essayé la 1.1, la 1.2, la 1.2.4 et la 1.3. Seule la 1.1 ne comprend pas le destroy mais bien le empty.

[Dauphin]

re

oui c'est une version 1.12 de mootools.
C'est pour le site de mon club de sport, qui tourne sous joomla 1.5 lequel intègre cette vers 1.12 de mootools. Je dois donc faire avec pour le moment ...

En faisant une recherche directement dans le fichier js de mootools j'ai en effet constaté que ni destroy(), ni dispose() ne sont définies

En revanche j'y ai trouvé remove() qui, elle, fonctionne très bien

[vermine]

Très bien.
Lorsque j'aurai le temps, je regarderai cette méthode remove et la rajouterai éventuellement dans la Faq.