Page 1 sur 1

Menu slidant de horizontalement

MessagePosté: Mer 8 Juil 2009 10:15
par eleinaï
Bonjour à tous,
Je trouve ces tutos super, et j'ai notamment appliqué celui pour afficher la légende des folders en bas du site. Cependant je voulais aller plus loin, en utilisant le même système de fenêtre qui coulisse pour la partie du menu qui se trouve à gauche de mon forum. J'ai réussi à transposer le script et tout, cependant je n'arrive pas à modifier l'animation, en clair de passer d'une ouverture verticale à une ouverture horizontale.
Voilà l'adresse de mon fofo : http://forum.wakfuforever.com/
Je n'ai pas encore changé l'image des boutons qui sont toujours les flèches données dans le tuto. J'aimerai donc pouvoir faire "apparaitre" et "cacher" ma partie menu (searchbox, menu, et partenaires) qui est à gauche. J'ai ausculté le fichier animatedcollapse.js (on a mis un 2 car au début on avait un conflit avec l'animation pour la légende) et je me suis dit que la subtilité se trouvait dans les fonctions slideup et slidedown, cependant en mettant right et left ça ne marche. C'est du bricolage je sais mais je n'arrive pas à trouver l'équivalence pour une ouverture horizontale. J'ai cherché sur le net et à part refaire tout le code (notamment avec la libraire jQuery) je n'ai rien trouvé.
Si jamais vous avez des idées, des pistes ça serait déjà énorme :p
Merci d'avance.

Re: Menu slidant de horizontalement

MessagePosté: Mer 8 Juil 2009 10:19
par lolovoisin
bonjour,

ah ben vous etes rapide :mrgreen: :mrgreen:
bon puisque vous avez le fichier animatedcollapse.js, ouvrez-le avec un éditeur de code style notepad++ et remplacez le texte height par width.
il y est présent 18 fois.
Pour ma part çà fonctionne donc on va d'abord tester ce truc.

Re: Menu slidant de horizontalement

MessagePosté: Mer 8 Juil 2009 16:54
par eleinaï
Ah c'est marrant je l'avais fais ça aussi, ça ne marchait pas mais je vais le refaire car je ne me souviens pas l'avoir modifié 18 fois.

EDIT : Bon ben ça marche, quel boulet j'ai fais la dernière fois...
Donc l'animation coulisse bien de gauche à droite maintenant super !
Il faut juste que j'arrive à faire en sorte que quand il soit fermé, il n'y est qu'une bande très petite de vide où il y aura les flèches et "Menu", je pense que je vais l'écrire verticalement.
Si j'y arrive, es-ce que tout le forum va se décaler quand on ouvrira le menu où le contenu du menu (et donc de l'animation javascript) va passer au dessus/dessous du forum?

Re: Menu slidant de horizontalement

MessagePosté: Mer 8 Juil 2009 16:55
par lolovoisin
disons que je n'ai pas de menu à gauche et que je ne peux pas tester :mrgreen:
Par contre le menu de la légende avec height modifié en width est animé à la verticale.
Aprés bon il faudra peut etre faire un peu plus propre ;)

Re: Menu slidant de horizontalement

MessagePosté: Mer 8 Juil 2009 17:21
par lolovoisin
pour répondre à votre édit, j'avoure avoir regardé ca rapidement.
vous avez un site sur le collpase qui est trés bien fait : http://www.dynamicdrive.com/dynamicinde ... llapse.htm
vous devriez pouvoir trouver votre bonheur je pense ;)

Re: Menu slidant de horizontalement

MessagePosté: Jeu 9 Juil 2009 19:55
par eleinaï
Vous aussi êtes très rapides !
Merci beaucoup je regarde ce lien tout de suite ça a l'air bourré d'information :p

Re: Menu slidant de horizontalement

MessagePosté: Ven 10 Juil 2009 09:34
par lolovoisin
Ben n'hésitez pas à repasser si vous trouvez un truc ;)