Précédent   Forum des professionnels en informatique > Webmasters - Développement Web > CSS
CSS Forum d'entraide sur l'utilisation des feuilles de style CSS. Avant de poster : Cours CSS, FAQ CSS, Galerie CSS
Partagez cette discussion sur d'autres réseaux sociaux : Viadeo Twitter Google Facebook Digg Delicious MySpace Yahoo
Réponse Proposer ce sujet en actualité
 
Outils de la discussion
Publicité
'
Vieux 06/11/2011, 23h07   #1
 
Homme
Inscription : juillet 2011
Messages : 126
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Maroc

Informations professionnelles :
Secteur : Enseignement

Informations forums :
Inscription : juillet 2011
Messages : 126
Points : -11
Points : -11
Par défaut Un menu comme celui de Wikipedia

Bonjour,
pour mon projet j'aimerai faire un menu gauche qui fonctionne excatement comme celui de wikipedia :
quand je clique sur un menu la liste des sous menu correspondant a ce menu se met au dessous de el les autres menu se replace en dessous

je pense que html et css seulement ne suffiront pas pour faire l'affaire

pour ne pas reinventer la roue
j'ai cherché et j'ai trouvé plusieurs menus verticles, horizantales mais celui la je ne l'ai pas trouvé

est ce que vous pouvez m'aidez et m'orienter pour realiser ce menu

voici le site de wikipedia : http://fr.wikipedia.org/wiki/Wikip%C...ueil_principal

merci pour vous
encours est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/11/2011, 00h04   #2
Membre régulier
 
franck franck
Développeur Web
Inscription : mai 2010
Messages : 98
Détails du profil
Informations personnelles :
Nom : franck franck
Localisation : France

Informations professionnelles :
Activité : Développeur Web

Informations forums :
Inscription : mai 2010
Messages : 98
Points : 91
Points : 91
tu peux créer un lien type:
Code :
1
2
3
4
5
6
 
<span onclik="document.getElementById('lien').style.display= 'block';">Ton titre</span>
<div id="lien" style="display:none;">
<a href="lien1">Lien 1</a>
<a href="lien2">Lien2</a>...
</div>
franck31 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/11/2011, 10h08   #3
Membre du Club
 
Sebastien
Inscription : janvier 2011
Messages : 76
Détails du profil
Informations personnelles :
Nom : Sebastien

Informations forums :
Inscription : janvier 2011
Messages : 76
Points : 50
Points : 50
Bonjour,
Pour faire ce menu, il faut que tu utilises du jQuery.
Je ne pense pas que te donner le code comme ça sans exemple t'aidera.

http://jqueryui.com/demos/accordion/

Je pense qu'en essayant par toi-même, tu trouveras.

Ca reprend plus ou moins le menu de Wiki.
kirua99 est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 07/11/2011, 22h29   #4
 
Homme
Inscription : juillet 2011
Messages : 126
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : Maroc

Informations professionnelles :
Secteur : Enseignement

Informations forums :
Inscription : juillet 2011
Messages : 126
Points : -11
Points : -11
merci kirua99 c'est exactement comme celui la avec qlq modification

mais un autre probleme c'est que je veux que lorsque un lien nous deplace a une autre page le menu reste comme il est dans la page precedente
avez vous une idée comment


merci
encours est déconnecté   Envoyer un message privé Réponse avec citation 00
Vieux 08/11/2011, 19h26   #5
Modérateur
 
Avatar de NoSmoking
 
Homme
Inscription : janvier 2011
Messages : 2 944
Détails du profil
Informations personnelles :
Sexe : Homme
Localisation : France, Isère (Rhône Alpes)

Informations forums :
Inscription : janvier 2011
Messages : 2 944
Points : 4 776
Points : 4 776
Bonsoir,
ce n'est plus du ressort du CSS mais avec l'utilisation d'une pincée de javascript, ou encore mieux un traitement coté serveur tu devrait trouver une solution satisfaisante.
J'ai en tête que ce problème a déjà été abordé dans les forums, donc à vos marques prêt partez...
NoSmoking est déconnecté   Envoyer un message privé Réponse avec citation 00
Réponse Proposer ce sujet en actualité
Outils de la discussion



Fuseau horaire GMT +2. Il est actuellement 16h55.


 
 
 
 
Partenaires

Hébergement Web