mootools afficher/masquer

Invité
Invité n'ayant pas de compte PHPfrance

08 sept. 2009, 11:41

Bonjour,
je pose ma question mootools 1.1 ici car je n'ai vraiment rien trouvé sur leur site.

Dans un tuto, ils fournissent le code suivant pour afficher/masquer une div:

[javascript]
on pointe sur le div à afficher ou masquer
var mySlide = new Fx.Slide('test');

//fonction pour afficher la div
$('afficher').addEvent('click', function(e){
e = new Event(e);
mySlide.toggle();
e.stop();
});

//fonction pour masquer la div
$('masquer').addEvent('click', function(e){
e = new Event(e);
mySlide.hide();
e.stop();
});
[/javascript]

Dansle html, il y a 2 liens qui ont 2 id distincts:
=> un lien id= 'afficher'
=> un lien id= 'masquer'

Ma question: comment faire pour n'avoir qu'1 seul lien, qui sert à afficher ou masquer, au lieu de 2 liens?
Merci pour vos réponses.

Administrateur PHPfrance
Administrateur PHPfrance | 977 Messages

08 sept. 2009, 11:56

je te conseil de te mettre sur mootools 1.2 et non 1.1

après si tu regarde la doc tu vera pour toggle "Slides the Element in or out, depending on its state." http://mootools.net/docs/more/Fx/Fx.Sli ... ide:toggle

Code : Tout sélectionner

$('afficher').addEvent('click', function(e){ e = new Event(e); mySlide.toggle(); e.stop(); });
doit suffire pour faire les deux.
pro : http://www.ohweb.fr -> studio de développement en PHP, expertise en e-commerce, certifié PrestaShop
perso : http://www.olecorre.com -> un dico de termes informatiques

J'ai toujours rêvé d'un ordinateur qui soit aussi facile à utiliser qu'un téléphone. Mon rêve s'est réalisé : je ne sais plus comment utiliser mon téléphone. [Bjarne Stroustrup]

Invité
Invité n'ayant pas de compte PHPfrance

08 sept. 2009, 13:56

merci pour la réponse.
effectivement mootools 1.2 est mieux mais je suis sur joomla qui utilise le 1.1.

Ce code marche sur 1.1?

Administrateur PHPfrance
Administrateur PHPfrance | 977 Messages

08 sept. 2009, 14:15

je pense pas ! fx.slide à été ajouté à la 1.2 et pour la 1.1 faut ajouter un autre fichier js je crois pour que ca marche.

Regarde plutot si tu peux pas mettre à jour joomla pour qu'il utilise la 1.2, elle est plus simple et plus complète nativement
pro : http://www.ohweb.fr -> studio de développement en PHP, expertise en e-commerce, certifié PrestaShop
perso : http://www.olecorre.com -> un dico de termes informatiques

J'ai toujours rêvé d'un ordinateur qui soit aussi facile à utiliser qu'un téléphone. Mon rêve s'est réalisé : je ne sais plus comment utiliser mon téléphone. [Bjarne Stroustrup]

Invité
Invité n'ayant pas de compte PHPfrance

08 sept. 2009, 14:38

Je développe un composant que j'aimerais distribuer et je ne peux pas forcer tous les utilisateurs qui utilisent joomla 1.5 à upgrader leur mootools juste pour mon composant...je suis obligé d'attendre que joomla soit upgraté par les créateurs.

Administrateur PHPfrance
Administrateur PHPfrance | 977 Messages

08 sept. 2009, 14:52

ok pour ton slide regarde http://snipplr.com/view/4037/mootools-slide-toggle/ qui fonctionne avec mootools 1.1

D'après ce que je vois le code marche avec la 1.1, Fx est intégrer, il me semblait que non mais vu le code si !

je bosse qu'avec la 1.2 ca fia tun moment que j'utilise plus la 1.1
pro : http://www.ohweb.fr -> studio de développement en PHP, expertise en e-commerce, certifié PrestaShop
perso : http://www.olecorre.com -> un dico de termes informatiques

J'ai toujours rêvé d'un ordinateur qui soit aussi facile à utiliser qu'un téléphone. Mon rêve s'est réalisé : je ne sais plus comment utiliser mon téléphone. [Bjarne Stroustrup]