http://www.monjavascript.net

ACCUEIL
Contact
Rechercher
Insérez dans vos
  favoris

ACCUEIL DES
  VISITEURS

DATE & HEURE
EFFETS DE TEXTE
FENETRES
FORMULAIRES
IMAGES
MENUS
PRATIQUE
POP UP
DIVERS

Cours de javascript
Générer vos Fichiers
  CSS

Générer vos Meta-Tags
Description des Balises
  Meta

Les Codes Couleur
L'objet Math
Lissage De Prêt
Tableau d'Amortissement
un Multi-Moteurs de recherche sur Votre Site
Cryptez votre e-mail
  pour contrer le Spam

Cryptez vos Scripts
Moteurs de recherches
Référencement
Je Crée Mon Site
L'éditeur JavaScript

 

Page Précédente

Un Menu Fixe dans la Page

Ce menu qui revient toujours à la même place lorsque vous vous déplacez dans la page

 

Copiez le code ci-dessous dans un éditeur de texte (Notepad,...)

et sauvegardé en format texte avec sous le nom menu1.js

vous pouvez créer d'autre menu selon les pages menu2.js, menu3.js, ...


//PLF-http://www.monjavascript.net/
var p_top=1 //hauteur debut du menu
var p_left=1 //distance du bord
var p_wth=200 //largeur
var colorbg = "#000099"; //couleur de fond
var colorlien = "#FFFFFF"; //couleur du texte
var colorsel = "#839983"; //couleur selection
menutexte = new Array;
menulien = new Array;
menutarget = new Array;
// MENU .......
menutexte[0]= 'Accueil '
menulien[0]= 'accueil.htm'
menutarget[0]='_self' //ouverture même page
menutexte[1]= 'Ma Page 1'
menulien[1]= 'mapage1.htm'
menutarget[1]='_self'
menutexte[2]= 'Ma Page 2'
menulien[2]= 'mapage2.htm'
menutarget[2]='_self'
menutexte[3]= 'Ma Page 3'
menulien[3]= 'mapage3.htm'
menutarget[3]='_self'
menutexte[4]='La Cuisine de Ma Copine'
menulien[4]='http://www.lacuisinedemacopine.net'
menutarget[4]='_top' //dans même page en supprimant les cadres
menutexte[5]='Mon javascript'
menulien[5]='http://www.monjavascript.net'
menutarget[5]='_blank' //ouverture autre page
menutexte[6]= 'TITRE (pas de lien)'
menulien[6]= '#'
menutarget[6]='_self'
menutexte[7]= 'Ecrire'
menulien[7]= 'mailto:nous@hotmail.com'
menutarget[7]='_blank'
menutexte[8]= 'Autre Site'
menulien[8]= 'http://www.autresite.com'
menutarget[8]='_blank'
// MENU .......

Corrigez selon les indications en rouge, puis entrez votre menu : 3 indications par lien
menutexte[0]= texte du lien
menulien[0]= adresse
menutarget[0]=fenêtre cible

Pour inserer une balise image dans un lien. ex:
menutexte[0]= '<img src="image/image.gif" border="0" width="26" height="29"> ACCUEIL'
Ajouter align="absmiddle" dans la balise, pour aligner l'image par le milieu.

Coller le code ci-dessous dans votre page Webentre les balises d'entête
<head> ..... </head>

<script language="JavaScript" src="menu1.js"></script>
<script language="JavaScript">
<!--
//PLF-http://www.monjavascript.net/
window.onload = pos_menu;
document.write('<SPAN ID="menu" style="position:absolute;top:'+p_top+';left:'+p_left+';"><table bgcolor=\''+colorbg+'\'" border=12 bordercolorlight=\''+colorbg+'\'" bordercolordark=#0000FF WIDTH='+p_wth+'><TR> <TD ALIGN=center><FONT FACE="Verdana, Arial" SIZE=3 COLOR="'+colorlien+'"><B>Menu</B></FONT></TD></TR>')
var a=0
while (a<menutexte.length) {
document.write('<TR><TD onMouseOut="this.style.background=\''+colorbg+'\'" onMouseOver="this.style.background=\''+colorsel+'\'" STYLE="cursor:hand"><FONT FACE="Verdana, Arial" SIZE=1><B><A HREF="'+menulien[a]+'" TARGET="'+menutarget[a]+'" STYLE="text-decoration:none;color:'+colorlien+'">'+menutexte[a]+'</A></B></FONT></TD></TR>');
a++;
}
document.write('</TR></TABLE></SPAN>')

ie4=document.all
ns6=document.getElementById&&!document.all
ns4=document.layers
function pos_menu() {
if (ie4) {menu.style.pixelTop=document.body.scrollTop+p_top}
else if (ns6) {document.getElementById("menu").style.top=window.pageYOffset+p_top}
else if (ns4) {eval(document.menu.top=eval(window.pageYOffset+p_top));}
if(ie4 || ns6 || ns4)
setTimeout("pos_menu()",1);
}
//-->
</script>

La première ligne appelle le menu désiré : menu1.js / menu2.js /...
<script language="JavaScript" src="menu1.js"></script>


Ce site vous a plu ? Vous avez trouvé le script que vous cherchiez ?
Faites en profiter vos visiteurs : insérez un lien sur votre site

 
 
Mon javascript    25-02-2018