Menu simple et facilement compréhensible

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

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)