28220 sujets

CSS et mise en forme, CSS3

[Résolu]Cacher et dévoiler une liste à partir d'un lien ou d'une ima

Bonjour,

Voilà je n'ai jamais expérimenté le fait de rendre des éléments de l'état invisible à visible.

j'ai un menu contruit via une liste de def je souhaite pouvoir l'afficher ou pas en cliquant sur un bouton, un lien ou une image peut importe.

je ne sais simplement pas si cela ce réalise en full CSS ou avec du javascript et dans quelle direction chercher de l'info..

merci
Modifié par ernstein (06 Sep 2005 - 12:19)
pardon,

voilà le code du menu en question :

<h2 class="hide">Menu principal</h2>
<dl id="menu">
<dt>Systéme</dt>
<dd><a href=" module_list.asp">Gestion des modules</a></dd>
<dd><a href=" section_list.asp">Gestion des sections de menu</a></dd>
<dt>Utilisateurs</dt>
<dd><a href=" user_list.asp">Gestion des utilisateurs</a></dd>
<dd><a href=" type_list.asp">Gestion des types de comptes</a></dd>
<dd><a href=" user_list.asp">Changement d'email</a></dd>
<dd><a href=" user_list.asp">Changement de mot de passe</a></dd>
<dt>Sociétés</dt>
<dd><a href=" societe_list.asp">Gestion des sociétés</a></dd>
<dd><a href=" secteur_list.asp">Gestion des secteurs d'activité</a></dd>
<dd><a href=" societe_type_list.asp">Gestion des types de sociétés</a></dd>
<dt>Contenu</dt>
<dd><a href=" page_list.asp">Gestion des pages du site</a></dd>
<dd><a href=" news_categorie_list.asp">Gestion des categories de news</a></dd>
<dd><a href=" news_list.asp">Gestion des news (RSS 2.0)</a></dd>
<dt>Hébergement</dt>
<dd><a href=" bd_types_list.asp">Gestion des types de base de données</a></dd>
<dd><a href=" hosting_list.asp">Gestion des hébergements client</a></dd></dl>


je souhaite faire en sorte qu'au chargement de la page, seul les <dt> soient affichés. je penses mettre un petit [+] permetant d'afficher le contenu des <dd> concernés.

c'est plus clair ?
Modifié par ernstein (06 Sep 2005 - 10:37)
Oui, c'est plus clair. Smiley smile

Et pourquoi ne pas faire des listes imbriquées, avec affichage de la sous liste quand tu es en :hover sur un élément de la liste primaire ?

Ah, j'ai retrouvé: un article de A List Apart, et le site exemple

C'est ça ?
En fait le choix est historique, mais pourquoi pas.

c'est juste que ce menu est généré de manière dynamique en fonction des droits de l'utilisateur connecté, la boucle qui l'affiche était trop prose de tête avec les </li>....

voilà pourquoi c'est comme çà.

je regard le site merci
J'ai bien le sentiement que pour "changer l'état" d'un objet il soit nécessaire d'utiliser javascript...
Ben oui, et comme je trouve que çà n'apporte rien à l'application, je vais pour le moment m'en tenir la...

Si avec le temps et l'évolution du développement, le menu devient trop important en hauteur, je penses finalement revenir à une liste et je pencherai alors pour une sorte de menu déroulant.

En tout cas merci de ton aide.
Sujet clos
Aller à