IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Bibliothèques & Frameworks Discussion :

supprimer un élément html [MooTools]


Sujet :

Bibliothèques & Frameworks

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    62
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 62
    Par défaut supprimer un élément html
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    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

  2. #2
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    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 : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $('mapopup').close();
    Suivi du destroy pour réellement la supprimer du DOM :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    $('mapopup').close(); $('mapopup').destroy();

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    62
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 62
    Par défaut
    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.

  4. #4
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    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.

  5. #5
    Membre confirmé
    Profil pro
    Inscrit en
    Mai 2004
    Messages
    62
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2004
    Messages : 62
    Par défaut
    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

  6. #6
    Expert éminent

    Avatar de vermine
    Profil pro
    Inscrit en
    Mars 2008
    Messages
    6 582
    Détails du profil
    Informations personnelles :
    Âge : 41
    Localisation : Belgique

    Informations forums :
    Inscription : Mars 2008
    Messages : 6 582
    Par défaut
    Très bien.
    Lorsque j'aurai le temps, je regarderai cette méthode remove et la rajouterai éventuellement dans la Faq.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [DOM]Supprimer des éléments d'une page HTML
    Par witch dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 05/02/2009, 17h37
  2. [array] supprimer un élément qui n'est pas le dernier
    Par SpaceFrog dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 16/04/2008, 21h41
  3. Supprimé des éléments vide d'un tableau
    Par shinux2004 dans le forum Langage
    Réponses: 4
    Dernier message: 04/07/2005, 20h40
  4. Supprimer un élément d'une TObjectList
    Par Lung dans le forum Langage
    Réponses: 15
    Dernier message: 30/05/2005, 18h32
  5. Supprimer un élément d'un tableau
    Par CaptainChoc dans le forum Langage
    Réponses: 15
    Dernier message: 24/12/2002, 00h14

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo