[RÉGLÉ] Script Mootools

[Eløalia]

Bonjours , je ne sais pas si je post dans la bonne section et je m'en excuse d'avance

J'ai créer une div qui grâce à un script mootools doit avoir initialement un top de -240px et un top de -1px jusque la tout fonctionne mais je voudrais que quand je clique en dehors de la div elle retourne à son état du début donc -240px;

voici mon code :

window.addEvent('domready', function() {
  $('test').tween('top', '-240');
  
  $('test').addEvent('click', function(){
    $(this).tween('top', '-1');
  });
  
  $('test').addEvent('mouseleave', function(){
    $(this).tween('top', '-240');
  });
}); 

Je suis un parfait débutant et je ne sais pas comment procédé, j'ai essayer en utilisant la fonction mouseleave mais ce n'est pas ce que je recherche:

merci d'avance

[ghazal]

Re : Script Mootools

Salut,
pour voir ce que tu veux faire plus précisément, teste ton code sur
jsfiddle.net
qui est fait pour ça.
Tu cliques "save" et tu postes le lien ici où on pourra t'aider.
Mootools 1.3.2 est défini par défaut, en haut à gauche. Tu peux changer la version.
Mais à priori, si tu postes ici, c'est que sur travailles avec joomla 1.6, qui est basé sur Mootools 1.3

[Eløalia]

Re : Script Mootools

Merci pour ta réponse j'ai fait ce que tu m'a demander voici le lien

http://jsfiddle.net/Eloalia/wSx3S/

et mon but et que lorsque l'on clique en dehors de la div ( id="moo-bar" ) elle reprenne un
top de -305px;

merci

[ced1870]

Re : Script Mootools

pourquoi tu n'utilises pas un Fx.slide en toggle ?

http://mootools.net/demos/?demo=Fx.Slide

sinon il faut que tu testes la valeur de ta position top, en fonction de ça tu déclenches le tween qui va bien (ça te fait 2 conditions)

[ghazal]

Re : Script Mootools

CED a raison.
Exemple simple :

http://jsfiddle.net/ghazal/7s6Mn/

[ced1870]

Re : Script Mootools

CED a raison.
Exemple simple :
http://jsfiddle.net/ghazal/7s6Mn/

ouais mais j'imagine que notre ami veut voir sa barre pour cliquer dessus... et avoir toute la zone de la barre cliquable pour la refermer. J'espère juste que tu ne veux pas mettre un menu dedans parce que sinon bonjour l'ennui ! à chaque clic ça se referme

[ghazal]

Re : Script Mootools

Alors autre exemple avec mouseenter mouseleave :

http://jsfiddle.net/ghazal/4geet/

où je place le tween sur height

[Eløalia]

Re : Script Mootools

ouais mais j'imagine que notre ami veut voir sa barre pour cliquer dessus... et avoir toute la zone de la barre cliquable pour la refermer. J'espère juste que tu ne veux pas mettre un menu dedans parce que sinon bonjour l'ennui ! à chaque clic ça se referme

Oui c'est exactement sa sauf que la partie "cliquable" serais dans le bas de la div comme un genre de bord

[ced1870]

Re : Script Mootools

Oui c'est exactement sa sauf que la partie "cliquable" serais dans le bas de la div comme un genre de bord

c'est marrant mais je me doutais que ce serait un truc du genre
essaies de mettre un texte "clique moi" qui permet de lancer ton effet, un peu comme le panel de login tout en haut sur mon site :

http://www.joomlack.fr/

[ghazal]

Re : Script Mootools

@Eløalia

juste pour l'utilisation de mouseenter mouseleave dans ton exemple corrigé

http://jsfiddle.net/ghazal/wSx3S/3/

[Eløalia]

Re : Script Mootools

Je pense que je vais utiliser la technique du Fx.slide en toggle sa sera parfait pour ce que je veux faire Merci beaucoup pour votre aide.

[ced1870]

Re : Script Mootools

ok. Juste pour info la prochaine fois tu pourras poster dans la section Mootools du forum :

http://forum.joomla.fr/forumdisplay.php?148-Mootools

[ghazal]

Re : Script Mootools

Je pense que je vais utiliser la technique du Fx.slide en toggle sa sera parfait pour ce que je veux faire .

Bonne idée.
Le dernier fiddle était juste en référence par rapport à ta question initiale.
Tu set un style à telle position, tu morphes vers la position avec mouseenter, tu fait reprendre la position initiale avec mouseleave.

[Eløalia]

Re : Script Mootools

Oui désolé d'avoir poster dans la mauvaise section, je ne savais pas où poster.
Merci ghazal, j'ai trouver un super article sur internet Mootools en 30 Jours je pense que je vais en faire ma prochaine lecture , encore merci pour votre aide.