Nouveau sujet Répondre Imprimer Syndication RSS 2.0

[Mootools] Menu déroulant

Brasier
Avatar de Deathy
  • Age : 21 ans
  • Messages : 782
  • Inscrit : 18 Septembre 2006
Message édité 1 fois, dernière édition par Deathy, 28 Aout 2010, 17:43     Lien vers ce message 28 Aout 2010, 17:42
Bonjour, j'aimerais simplement faire un menu déroulant avec Mootools (vu que c'est ce que vous utilisez avec FSB2 et que ce serait un menu déroulant pour un template FSB2), car d'habitude je manipule JQuery mais parait qu'il vaut mieux éviter de les mélanger.

J'ai donc un div avec le lien cliquable pour ouvrir le menu et un div qui contient ce qui doit s'afficher.

Merci de votre aide.

PS: Le forum a besoin d'une petite réorganisation pour FSB2 je pense... De nouvelles sections comme "Thème" et Mod validé sont plus que manquantes.


http://www.cyberlife.be/ressources/newsignature.png
 
Equipe des MODS
Avatar de Grummfy
  • Age : 27 ans
  • Messages : 7007
  • Inscrit : 16 Septembre 2004
  Lien vers ce message 28 Aout 2010, 22:12
mootools étant bien fait il intègre un système de sécurité le rendant compatible avec d'autre librairie ... http://mootools.net/blog/2009/06/22/the-dollar-safe-mode/
mais il est vrai que comme cela n'a pas été utilisé dans fsb ... ben c'est la merde ...

deux exemples existant : http://greengeckodesign.com/menumatic et http://glutock.free.fr/mootools/UI/menu.html

sinon il n'y a pas vraiment besoin de js sauf pour la compatibilité avec ie ... mais là : http://www.xs4all.nl/~peterned/csshover.html , http://ago.tanfa.co.uk/css/examples/menu/hs7.html

pour la réorganisation c'est a voir si genova se remet au boulot ou pas ... suivant cela ...


"La gravité est le bonheur des imbéciles" Charles de Montesquieu > "T'as raison, L'apesanteur c'est plus rigolo" Hébus de Phalompe (Troll de Troy)
Mods fsb2 - Grummfy's project - Zf Planet
 
Brasier
Avatar de Deathy
  • Age : 21 ans
  • Messages : 782
  • Inscrit : 18 Septembre 2006
  Lien vers ce message 28 Aout 2010, 22:44
Pour le menu, ca serait juste un effet comme pour le + et - des catégories, j'arrive pas ou c'est dans le code FSB2 en faite :)

Merci pour les informations ;)


http://www.cyberlife.be/ressources/newsignature.png
 
Equipe des MODS
Avatar de Grummfy
  • Age : 27 ans
  • Messages : 7007
  • Inscrit : 16 Septembre 2004
  Lien vers ce message 29 Aout 2010, 1:53
ah le plus et lme moins, c'est simpelment un style block display non ou block sur l'élément ...

sinon des exemple plus joli :
http://davidwalsh.name/mootools-show-hide


"La gravité est le bonheur des imbéciles" Charles de Montesquieu > "T'as raison, L'apesanteur c'est plus rigolo" Hébus de Phalompe (Troll de Troy)
Mods fsb2 - Grummfy's project - Zf Planet
 
Brasier
Avatar de Deathy
  • Age : 21 ans
  • Messages : 782
  • Inscrit : 18 Septembre 2006
Message édité 2 fois, dernière édition par Deathy, 29 Aout 2010, 7:57     Lien vers ce message 29 Aout 2010, 7:38
J'aimerais un effet de descendante et monté en faite, c'est dur à expliquer :D JQuery fais tout simplement ça avec .show() et .hide() sur un élément... Dans le pire des cas je mettrais JQuery en parallèle mais j'aime pas trop ça, les sous forums ici, comment c'est exactement? Car j'ai pas trop capté :) On est bien d'accord qu'il y a une animation en Javascript :p
Enfin je vais me débrouiller pour ça mais ou puis-je modifier le Javascript sur FSB2? :/

Edit: J'essaye d'utiliser les fonctions de Mootools mais y'a pas moyen lol, voici mon code Javascript:
window.addReady('domready', function() {
	$("click_deroulant1").addEvent('mouseenter', function() {
		$("deroulant1").slide('in');
	}).addEvent('mouseleave', function() {
		$("deroulant1").slide('out');
	});
	});

Trouvé sur internet, j'ai aussi ajouté la bibliothèque à la main pour être sur
<script type="text/javascript" src="{ROOT}/main/javascript/mootools.js" />

Et pour finir, Firebug me dit ceci:
Citation
window.addReady is not a function
[Break on this error] window.addReady('domready', function() {


http://www.cyberlife.be/ressources/newsignature.png
 
Equipe de développement
Avatar de Fabogranqi
  • Age : 22 ans
  • Messages : 3238
  • Inscrit : 29 Décembre 2004
  Lien vers ce message 29 Aout 2010, 8:23
Regarde ça: http://demos111.mootools.net/Fx.Slide

C'est la galerie de démo pour mootools 1.11, mais il me semble que cet exemple fonctionne encore pour les versions plus récente.
 
Brasier
Avatar de Deathy
  • Age : 21 ans
  • Messages : 782
  • Inscrit : 18 Septembre 2006
  Lien vers ce message 29 Aout 2010, 18:29
J'ai ajouté le code comme dans l'exemple que tu as donné, en l'adaptant à mon code bien sur :), sauf que avec Firebug je repère l'erreur suivante:
this.element.getStyles is not a function
this.wrapper = new Element('div', {'...er(this.element).adopt(this.element);
mootools.js (ligne 1963)
Et ça ne marche pas bien sur :)


http://www.cyberlife.be/ressources/newsignature.png
 
Brasier
Avatar de Deathy
  • Age : 21 ans
  • Messages : 782
  • Inscrit : 18 Septembre 2006
Message édité 1 fois, dernière édition par Deathy, 29 Aout 2010, 19:39     Lien vers ce message 29 Aout 2010, 19:35
Bon, petit up tout seul pas pour vous ennuyer mais juste pour savoir ou je pourrais trouver les effets déroulants des catégories dans le code de FSB2 car j'ai beau fouiner, je ne trouve pas! Et plutôt que faire un truc à l'arrache, j'aimerais bien faire mon thème dans la même optique que FSB2, forum que j'admire très fortement.

Donc si Génova, tu lis ceci, tu es surement le mieux placé pour me répondre! :)


http://www.cyberlife.be/ressources/newsignature.png
 
Chef du projet FSB
Avatar de Genova
  • Age : 26 ans
  • Messages : 14944
  • Inscrit : 16 Septembre 2004
  Lien vers ce message 30 Aout 2010, 13:19
Dans main/javascript/common.js

Désolé mes connaissances en Mootools sont un peu rouillées je m'étais mis à Jquery entre temps à mon ancien taf ^^


Cause Im as free as a bird now, And this bird you can not change. - Freebird - Lynyrd Skynyrd
There's someone in my head but it's not me. - Brain damage - Pink Floyd
I said baby, you know Im gonna leave you. - Babe I'm gonna leave you - Led Zeppelin
Father ? yes son, I want to kill you - The end - The Doors
 
Brasier
Avatar de Deathy
  • Age : 21 ans
  • Messages : 782
  • Inscrit : 18 Septembre 2006
  Lien vers ce message 30 Aout 2010, 17:55
Haha, moi comme toi, j'ai plus l'habitude de JQuery :) Enfin merci pour le renseignement, je vais essayer de voir un peu,
thanks Dieu Génova :D


http://www.cyberlife.be/ressources/newsignature.png
 
Répondre


.