Remarques :Une barre de menu statique
Ce script utilise de nombreuses fonctions DHTML pour créer une barre de navigation statique dans le haut de votre page. Ce script fonctionne aussi bien sous Explorer 4+ et Netscape 4, néanmoins l'effet statique de la barre qui reste en permanence au sommet de la page ne se réalise que sous Explorer 4+. Pas facile à configurer !!!
1 - Copiez et collez entre les balises <head> et </head> :
<style>
<!--
all.clsMenuItemNS{font: bold x-small Verdana; color: white; text-decoration:
none;}
.clsMenuItemIE{text-decoration: none; font: bold xx-small Verdana; color: white;
cursor: hand;}
A:hover {color: red;}
-->
</style>
2 - Copiez et collez juste après la balise <body> :
<script language="JavaScript" src="menu1.js"></script>
<script language="JavaScript" src="menucontext1.js"></script>
<script language="JavaScript">
showToolbar();
</script>
<script language="JavaScript">
function UpdateIt(){
if (document.all){
document.all["MainTable"].style.top = document.body.scrollTop;
setTimeout("UpdateIt()", 200);
}
}
UpdateIt();
</script>
3 -Télécharger les fichiers suivants que vous mettrez dans le même répertoire que votre page :
menu.js
menucontext.js
Si vous souhaitez
que le menu vienne se mettre juste contre les bords de la fenêtre, insérez
le code suivant dans la balise body : <body
marginwidth="0" marginheight="0"
leftmargin="0" topmargin="0">
Remarques :
- On peut changer dans menu.js :
la couleur de la barre et
des sous-menus : this.bgColor
= "#000080";
les bords des menus :
this.mainPaneBorder = 0;
les bords des sous-menus : this.subMenuPaneBorder
= 0;
la largeur des sous-menus : this.subMenuPaneWidth
= 185;
- Il faut configurer le menu dans menucontext.js en s'inspirant du script.
- Vous pouvez télécharger le fichier du créateur du script qui contient un exemple et les fichiers js.
© Copyright GendNet 2000 Tout droit de reproduction strictement réservé aux membres de l'association ®