Menu simple et facilement compréhensible

Soyez le premier à donner votre avis sur cette source.

Snippet vu 28 266 fois - Téléchargée 28 fois

Contenu du snippet

Ceci est un menu concu à partir d'un tableau, très simple, relativement court, mais surtout qui est prévu pour la compréhension ! Donc, l'esthétique n'est pas prévu dans ce code...

Source / Exemple :


<HTML>
<SCRIPT LANGUAGE="Javascript">
function showhide(vari)
{
if (vari.style.display=="none")
	{
	vari.style.display="";
	}
	else
	{
	vari.style.display="none";
	}
}
</SCRIPT>
<BODY>
<TABLE BORDER=1 style="cursor:hand" width=100>
<TR><TD onClick="showhide(first)"><CENTER>Menu</CENTER></TD></TR>
</TABLE>
<DIV id="first" style="display:none;position:relative;left=50">
<TABLE BORDER=1 width=100>
<TR><TD><CENTER>Menu1</CENTER></TD></TR>
<TR><TD><CENTER>Menu2</CENTER></TD></TR>
<TR><TD><CENTER>Menu3</CENTER></TD></TR>
</TABLE>
</DIV>
<TABLE BORDER=1 style="cursor:hand" width=100>
<TR><TD onClick="showhide(second)"><CENTER>Menu 2</CENTER></TD></TR>
</TABLE>
<DIV id="second" style="display:none;position:relative;left=50">
<TABLE BORDER=1 width=100>
<TR><TD><CENTER>Menu 21</CENTER></TD></TR>
<TR><TD><CENTER>Menu 22</CENTER></TD></TR>
<TR><TD><CENTER>Menu 23</CENTER></TD></TR>
</TABLE>
</DIV>
</BODY>
</HTML>

Conclusion :


Testé sur IE 5

A voir également

Ajouter un commentaire Commentaires
JoVB
Messages postés
87
Date d'inscription
lundi 4 novembre 2002
Statut
Membre
Dernière intervention
10 mars 2009

10 janv. 2006 à 22:30
Pas mal sauf que ton menu survol disparait dès que l'on sort de la cellule Menu survol (par exemple pour aller dans les sous menus...)

Est-ce que quelqu'un saurait comment faire un menu dans le genre de celui proposé sur ce site : http://chavalard.com ? Je le trouve très bien, cependant je n'y comprend au code, a part qu'il a été générer par un programme... mac :( !

Merci d'avance

//JoVB
cs_becar
Messages postés
1
Date d'inscription
vendredi 16 avril 2004
Statut
Membre
Dernière intervention
26 décembre 2004

26 déc. 2004 à 00:12
<HTML>
<script LANGUAGE="Javascript">

<!--  fonction d'affichage pour le menu par clic

function showhide(vari)
{
if (document.getElementById(vari).style.display=="none")
  {
  document.getElementById(vari).style.display="";
  }
  else
  {
  document.getElementById(vari).style.display="none";
  }
}

<!-- fonction d'affichage pour le menu par clic

function show(vari)
{
  document.getElementById(vari).style.display="";
}

<!-- fonction pour cacher le menu par clic

function hide(vari)
{
  document.getElementById(vari).style.display="none";
}
</script>


<CENTER>Menu survol</CENTER>


 
  <CENTER>
Menu11</CENTER>,

----

<CENTER>
Menu12</CENTER>,

----

<CENTER>
Menu13</CENTER>



<CENTER>Menu click gauche</CENTER>


 
  <CENTER>
Menu 21</CENTER>,

----

<CENTER>
Menu 22</CENTER>,

----

<CENTER>
Menu 23</CENTER>




</HTML> 


certifié compatible IE6 et Mozilla1.73
pour le design a vous de vous amuser a personnaliser le tableau (on va pas tout vous faire non !)
psyckan
Messages postés
135
Date d'inscription
vendredi 27 août 2004
Statut
Membre
Dernière intervention
8 mai 2010

3 nov. 2004 à 15:32
C'est super bien mais bon faudrait ajouter un petit design lol parce que la beurk
Marsenal
Messages postés
5
Date d'inscription
vendredi 27 août 2004
Statut
Membre
Dernière intervention
5 septembre 2004

31 août 2004 à 23:08
Pas mal mais bon marche pas sous Mozilla...
uado
Messages postés
1
Date d'inscription
lundi 12 mai 2003
Statut
Membre
Dernière intervention
12 juillet 2004

12 juil. 2004 à 22:32
salut, moi je comprends, mais j'aimerais bien, comme ponchovilla que se soit avec un OnMouseOver, mais je ne sais pas du tout l'utiliser...
Afficher les 9 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.