Menu simple et facilement compréhensible

Soyez le premier à donner votre avis sur cette source.

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

Commenter

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...
S'inscrire maintenant

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.

Du même auteur (cs_niko49)