Menu déroulant

Résolu/Fermé

mano2003 Messages postés 50 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 24 novembre 2012 - 4 juil. 2009 à 16:17
mano2003 Messages postés 50 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 24 novembre 2012 - 4 juil. 2009 à 20:08

Bonjour,
je travaille sur sur un projet de site web et dans le projet il est dit qu'il faut créer des menus qui affiche des sous-menus et je sais vraiment pas comment le faire. sur google j'ai vu des codes js qui affiche les sous-menus au passage de la souris mais nous on nous demande pas ca alor svp j'ai besoin de votre aide chers amis pour ce code!! merci!

A voir également:

Menu déroulant
Menu déroulant excel - Guide
Menu démarrer windows 11 - Guide
Excel menu déroulant en cascade - Guide
Canon quick menu - Télécharger - Utilitaires
Menu demarrer - Guide

5 réponses

Réponse 1 / 5

diice Messages postés 131 Date d'inscription lundi 17 novembre 2003 Statut Membre Dernière intervention 25 février 2017 1
4 juil. 2009 à 16:20

on vous demande quoi exactement ?

sinon tu peux utiliser les <ul> et <li> pour tout afficher d'un coup avec menu et sous menu

Réponse 2 / 5

mano2003 Messages postés 50 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 24 novembre 2012 3
4 juil. 2009 à 16:42

voici le code de mon menu. j'ai utilisé du css mais avec ce code tout s'affiche en même temps.

<div class="menuhaut">A voir sur mon site</div>
<ul class="menu">
<li> <a href="#">Rubrique</a>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>

<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</li>
<li><a href="#">Rubrique</a>
<ul>
<li><a href="#">Lien</a></li>

<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</li>
<li><a href="#">Rubrique</a>
<ul>

<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</li>
<li><a href="#">Rubrique</a>

<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</li>

<li><a href="#">Rubrique</a>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>

</ul>
</li>
<li><a href="#">Rubrique</a>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>

<li><a href="#">Lien</a></li>
</ul>
</li>
</ul>

Réponse 3 / 5

diice Messages postés 131 Date d'inscription lundi 17 novembre 2003 Statut Membre Dernière intervention 25 février 2017 1
4 juil. 2009 à 17:00

tu peux cacher certaines div ou li et en cliquant sur le theme les faire apparaitre en css.

avec un peu de javascript dans le <head>

function visibilite(thingId)
{
	var targetElement;
	targetElement = document.getElementById(thingId) ;
	if (targetElement.style.display == "none")
	{
		targetElement.style.display = "inline";
	}
	else
	{
		targetElement.style.display = "none" ;
	}
}

puis dans ta page :

<a href="javascript:visibilite('nomDivduSousMenu')">Titre menu</a>
<DIV id="nomDivduSousMenu" style='display:none;'>sous menu ou contenu</div>

exemple avec ton code :

<li><a href="javascript:visibilite('nomDivduSousMenu')">Rubrique</a>

<DIV id="nomDivduSousMenu" style='display:none;'>
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li> 
</ul>
</div>
</li>

Réponse 4 / 5

mano2003 Messages postés 50 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 24 novembre 2012 3
4 juil. 2009 à 17:43

merci diice mais ca marche toujours pas

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question

Réponse 5 / 5

diice Messages postés 131 Date d'inscription lundi 17 novembre 2003 Statut Membre Dernière intervention 25 février 2017 1
4 juil. 2009 à 19:08

Qu'est-ce qui marche pas exactement ??

en faisant ca comme ça ca marche chez moi :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<script>
function visibilite(thingId)
{
	var targetElement;
	targetElement = document.getElementById(thingId) ;
	if (targetElement.style.display == "none")
	{
		targetElement.style.display = "inline";
	}
	else
	{
		targetElement.style.display = "none" ;
	}
}

</script>
</head>

<body>
<div class="menuhaut">A voir sur mon site</div>
<ul class="menu">
<li><a href="javascript:visibilite('nomDivduSousMenu1')">Rubrique</a>
<div id="nomDivduSousMenu1" style="display:none;">
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>

<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>
</li>
<li><a href="javascript:visibilite('nomDivduSousMenu2')">Rubrique</a>
<div id="nomDivduSousMenu2" style="display:none;"><ul>
<li><a href="#">Lien</a></li>

<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>
</li>
<li><a href="javascript:visibilite('nomDivduSousMenu3')">Rubrique</a>
<div id="nomDivduSousMenu3" style="display:none;"><ul>

<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul>
</div>
</li>
<li><a href="javascript:visibilite('nomDivduSousMenu4')">Rubrique</a>
<div id="nomDivduSousMenu4" style="display:none;">
<ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
</ul></div>
</li>

<li><a href="javascript:visibilite('nomDivduSousMenu5')">Rubrique</a>
<div id="nomDivduSousMenu5" style="display:none;"><ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>

</ul></div>
</li>
<li><a href="javascript:visibilite('nomDivduSousMenu6')">Rubrique</a>
<div id="nomDivduSousMenu6" style="display:none;"><ul>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>
<li><a href="#">Lien</a></li>

<li><a href="#">Lien</a></li>
</ul></div>
</li>
</ul>
 
</body>
</html>

mano2003 Messages postés 50 Date d'inscription vendredi 8 août 2008 Statut Membre Dernière intervention 24 novembre 2012 3
4 juil. 2009 à 20:08

voila!! ca marche parfaitement !!! un grand merci diice tu viens de me sauver la vie !!!

Discussions similaires

Suppression listes déroulantes

les entrées et les sortées

Supprimer liste déroulante Excel

mon ordi marque press the esc key for startup menu

Discussions similaires

Newsletters