Pour avoir dans vos pages Web des menus comme l'explorateur de windows.
Source / Exemple :
<html>
<head>
<style type="text/css">
<!--
//-->
</style>
<map name="theMap1">
<area shape="rect" coords="20, 16, 200, 32" href="" onClick="afficher_menu (2); return false;">
<area shape="rect" coords="20, 32, 200, 48" href="" onClick="afficher_menu (3); return false;">
</map>
<map name="theMap2">
<area shape="rect" coords="20, 16, 200, 32" href="" onClick="afficher_menu (1); return false;">
<area shape="rect" coords="20, 32, 200, 48" href="page1-1.html" target="content_frame">
<area shape="rect" coords="20, 48, 200, 64" href="page1-2.html" target="content_frame">
<area shape="rect" coords="20, 64, 200, 80" href="page1-3.html" target="content_frame">
<area shape="rect" coords="20, 80, 200, 96" href="" onClick="afficher_menu (3); return false;">
</map>
<map name="theMap3">
<area shape="rect" coords="20, 16, 200, 32" href="" onClick="afficher_menu (2); return false;">
<area shape="rect" coords="20, 32, 200, 48" href="" onClick="afficher_menu (1); return false;">
<area shape="rect" coords="20, 48, 200, 64" href="page2-1.html" target="content_frame">
<area shape="rect" coords="20, 64, 200, 80" href="page2-2.html" target="content_frame">
</map>
<script language="JavaScript">
<!-- Masqué pour les anciens navigateurs
Niveaux = document;
if (document.all)
Niveaux = document.all;
function affiche_niveau (e, v) {
e.visibility = v;
if (e.style)
e.style.visibility = v;
}
function afficher_menu (m) {
if (m == 1) {
affiche_niveau (Niveaux.Pos1, "visible");
affiche_niveau (Niveaux.Pos2, "hidden");
affiche_niveau (Niveaux.Pos3, "hidden");
}
if (m == 2) {
affiche_niveau (Niveaux.Pos1, "hidden");
affiche_niveau (Niveaux.Pos2, "visible");
affiche_niveau (Niveaux.Pos3, "hidden");
}
if (m == 3) {
affiche_niveau (Niveaux.Pos1, "hidden");
affiche_niveau (Niveaux.Pos2, "hidden");
affiche_niveau (Niveaux.Pos3, "visible");
}
}
// -->
</script>
</head>
<body bgcolor="
<div id="Pos1"><img usemap=" <div id="Pos2"><img usemap=" <div id="Pos3"><img usemap="
</body>
</html>
Conclusion :
Vous pouvez agrandir le script et pour les images
il suffit de faire des copies d'écran.
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.