Recherche menu vertical du style outlook ?

**vandeyy** · 16/01/2008, 11h30

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

**vandeyy** · 11/02/2008, 22h33

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.

**le_chomeur** · 11/02/2008, 23h37

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

**SpaceFrog** · 12/02/2008, 09h45

un autre site pour des treeview ..

http://www.blueshoes.org/en/javascript/tree/

**Bisûnûrs** · 12/02/2008, 09h50

@le_chomeur & SpaceFrog : Ce n'est pas un treeview qu'il veut (cf son lien).

Mais plus ce genre de menu je pense :
http://css.developpez.com/galerie/?p...-verticaux#MV2

**le_chomeur** · 12/02/2008, 10h00

Ha effectivement ^^
bon c'est un treeview avec une autre tête

Merci Bisûnûrs

**Bisûnûrs** · 12/02/2008, 10h01

Envoyé par le_chomeur

bon c'est un treeview avec une autre tête

On peut voir ça comme ça, c'est vrai.

**SpaceFrog** · 12/02/2008, 10h04

oups !

Bon alors ça on peut le faire avec les li et leur list style image ...

**le_chomeur** · 12/02/2008, 10h08

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 ?

**Bisûnûrs** · 12/02/2008, 10h11

@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.

**SpaceFrog** · 12/02/2008, 10h18

Que c'est émouvant ...
Ils sont pas mignons mes deux fillots là ?

**vandeyy** · 12/02/2008, 21h30

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

**SpaceFrog** · 13/02/2008, 10h17

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

**dingoth** · 13/02/2008, 11h49

- 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.

**SpaceFrog** · 13/02/2008, 12h00

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 ...

**dingoth** · 13/02/2008, 13h20

Très vite fait et sans javascript (voir pièce jointe).

**SpaceFrog** · 13/02/2008, 13h27

Ben tu vois quand tu veux

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

**dingoth** · 13/02/2008, 15h46

Bah, j'ai jamais dit que je savais pas le faire

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.

**Bisûnûrs** · 13/02/2008, 15h51

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.