Bonjour,
Je suis à la recherche d'un menu vertical du style outlook voir le lien suivant:
exemple
Bien entendu pas en C# mais en javascript (gratuit, svp).
Merci d'avance.
Yves
Version imprimable
Bonjour,
Je suis à la recherche d'un menu vertical du style outlook voir le lien suivant:
exemple
Bien entendu pas en C# mais en javascript (gratuit, svp).
Merci d'avance.
Yves
Pouvez-vous me donner le nom (utiliser) pour ce type de menu à la outlook ?
Merci d'avance.
Yves:
PS: si vous avez un exemple en javascript laissez un message, merci.
Salut :)
je crois qu'il s'agit d'un menu de type treeview est ce genre :
http://www.thetoxiczone.com/programming/disclaim.aspx
Si oui tu peux trouver une source similaire ici :
http://www.developpez.net/forums/sho...light=treeview
Bon courage
un autre site pour des treeview ..
http://www.blueshoes.org/en/javascript/tree/
@le_chomeur & SpaceFrog : Ce n'est pas un treeview qu'il veut (cf son lien). :mouarf:
Mais plus ce genre de menu je pense :
http://css.developpez.com/galerie/?p...-verticaux#MV2
Ha effectivement ^^
bon c'est un treeview avec une autre tête ;)
Merci Bisûnûrs
On peut voir ça comme ça, c'est vrai. :mrgreen:Citation:
Envoyé par le_chomeur
oups !
Bon alors ça on peut le faire avec les li et leur list style image ...
Dailleur Bisûnûrs, je viens de regarder ta source, elle est très propre, mais pourquoi ne pas l'avoir réalisé en full css ?
@le_chomeur : On ne peut pas gérer le clic en CSS, et l'utilisation de la pseudo-classe hover pour dérouler au survol était un peu anti-ergonomique et aurait posé des problèmes sur IE6 et inférieurs.
Que c'est émouvant ...
Ils sont pas mignons mes deux fillots là ? :king:
Merci pour vos réponses. Il s'agit plus de ce style suivant:
http://vbaccelerator.com/home/NET/Co...tBar/index.asp
A première ce type de controle se nommee LISTBAR ?
Avez-vous des exemples ?
Merci.
Yves
non ce n'est pas un controle stanbard, c'est un truc developpé, mais avec quelques ul, quelques li, un peu de css et de javascript c'est réalisable
- Et vous le faites comment votre sauté de veau nappé dans son lit sur une rivière de neppes, ma chère dame ?
- Ah bah... avec du veau, de la salade et des champignons, c'est réalisable.
:mrgreen:
pour les icones il faut jouer sur les list-style-image ...
Pour le coté dynamique du menu il faut utiliser les style.display des li ...
Très vite fait et sans javascript (voir pièce jointe).
Ben tu vois quand tu veux :mouarf:
:hola: beau travail
quelques icones en list-style-image ...
et ce sera parfait
sauf que ....
le hover n'est accepté QUE sur la balise <a> pour IE ...
d'ou la necessité de passer par javascript et l'évènement onmouseover qui modifiera le style display des childNodes pour que ce soit crossbrowser
Bah, j'ai jamais dit que je savais pas le faire :P J'ai juste sous-entendu que je trouvais ta réponse très peu loquace ^^
Pour IE, au temps pour moi, je ne connais pas ses spécificités, ne l'ayant à disposition qu'au boulot (et ne l'utilisant quand même pas).
Reste un petit truc à gérer comme tu dis : le hover en javascript plutôt qu'en CSS car sans ça, dès qu'on quitte le menu, il se referme => la fermeture doit être faite dans le onmouseover d'un autre élément du menu et non dans le onmouseout. Trois fois rien, quoi, et avec une lib comme jquery ou prototype, c'est fait en 10 lignes max (commentaires inclus). En plus, ça résoudra le problème du hover IE.
Le menu sur ce post (avec clic) ne vous convient pas (en améliorant le design, certes) ?
Comme je l'expliquais à le_chomeur, un menu vertical à déroulement vertical sur le passage de la souris est anti-ergonomique :
Par exemple, un menu de 6 éléments, dont le premier contient un sous-menu de 3-4 éléments aussi. On passe la souris sur le premier menu qui se déroule, ensuite on descend pour aller au deuxième élément du menu. Mais lorsque l'on quitte ce premier élément il se "rétracte" ce qui fait qu'on ne se retrouve plus sur le deuxième élément mais sur le 5ème par exemple, qui risque de se dérouler aussi s'il comporte des sous-menus.
Regarde la manière dont je l'ai fait :) Il suffit d'ajouter un overflow: auto; pour que tout soit nickel et comme Outlook.
Merci pour vos réponses.
Donc à votre connaissance vous connaissez pas d'exemple "concret" ?!
Merci.
Yves
Non, mais avec ce que j'ai donné, tu as déjà toutes les bases pour le faire.
Je ne vais pas le faire complètement à ta place, mais si tu as des problèmes précis à l'implémentation, je me ferai un plaisir de t'aider :)
+1
Après quelques test , il est effectivement plus pratique d'afficher le menu sur un click plutôt que sur du rollover exemple :Code:
2
1er menu = 6 sous menu
2eme menu = 1 seul sous menu
3eme menu = 6 sous menu
au passage sur le menu 2 on saute directement au 3 eme a cause du décalage ...
Donc je préconise également le click sur ce genre de menu ^^
:yaisse2:
Merci le_chomeur, j'avais l'impression de parler (d'écrire) dans le vent ..
Quand tu crées un menu, tu sais la place qu'il va prendre (ou tu en as une bonne idée), surtout un menu style outlook. Alors, tu définis une taille maximale du menu. Ici, j'ai choisi arbitrairement la taille 100px (pour un <li> complet), mais on peut choisir une taille proportionnelle à la police ou n'importe quoi d'autre. Et si ta taille choisie est trop petite, que vas-tu faire ? Bah, dans Outlook, je vois qu'il y a des ascenseurs. C'est ce que j'ajoute en faisant overflow: auto.
Je crois donc bien répondre aux specs demandée. Ce genre de menu en hover, s'il est bien réalisé, peut être bien plus intuitif qu'un menu avec clic. S'il est mal réalisé, bah oui, ça arrive qu'on ait des ennuis comme ceux dont vous parlez, et alors, un clic est nécessaire, ou autre chose.
Pour avoir construit un menu similaire pour un site familial, j'ai jamais eu de plainte comme quoi le menu était mauvais, pourtant, vu que c'est un site familial, on n'hésite pas à me donner des remarques sur le design, l'utilisation, l'intuitivité.
oui mais ce qu'ils veulent dire là c'est pas tant qu'il se declenche au hover (sous FFX), c'est que tout le menu se décale, donc que l'élément survolé peut l'être de façon involontaire...
A ce moment là il faudrait que le déploiement se fasse en z-index supéreiru de façon à ne pas décaler, ou que ça déroule à coté ... c'est juste une question d'ergonomie
Avec un overflow:auto ok , mais bon c'est à toi de voir, le but d'un menu est de trouver RAPIDEMENT une information ou un lien ... si l'utilisateur dois en plus scroller pour trouver son lien , cela va vite l'ennuyer ...
Bon courage quand même :)
Bah ouvre Outlook, mets-le à une taille 200x200, et tu verras ! On demande un menu style Outlook, j'en fournis un. Après, c'est au demandeur d'adapter...
J'ai juste modifié le tout pour que ça marche sur un hover, histoire de le faire qu'en CSS, parce que j'avais pas envie de me casser la tête avec du JS, alors que le principe de base existe complètement avec CSS. Si on doit filer la becquée à tout le monde, on est pas sorti de l'auberge. Dans le forum java, on file des pistes sans donner les solutions complètes, les gars comprennent très bien qu'ils doivent adapter ce qui est proposé. Ici, on fignole pour un onclick/onmouseover...
Comme je l'ai dit, du JS doit être mis derrière et être adapté à la problématique demandée !
+1 Dingoth, on ne te demande pas de filer le code tout cru, on disserte gentillement sur l'ergonomie...
La piste est bonne, on soumets juste nos idées d'amélioration, sans te demander de le faire...
Libre à Vandeyy de l'adapter ou non ...
Merci spaffy , effectivement , je ne critique pas ton code ( il est d'ailleurs très propre ) je donne juste mon opinion concernant le rollover sur ce genre de menu :)