Details | Last modification | View Log | RSS feed
Rev | Author | Line No. | Line |
---|---|---|---|
2 | daniel-mar | 1 | //************ Menu Principal ************// |
2 | Color0M = '#000000' //Couleur du texte |
||
3 | Color1M = '#E28922' //Couleur Arrière |
||
4 | Color2M = '#FFFFFF' //Couleur Arrière Surbrillance |
||
5 | Color3M = '#000000' //Couleur Bordure ???? |
||
6 | PosY = -20 //Distance entre le haut de l'écran et le menu |
||
7 | LargeurM = 98.5 //Largeur |
||
8 | HauteurM = 39.5 //Hauteur |
||
9 | AlignM = 'center' //'center','right','left' |
||
10 | FontM = 'Arial, Helevtica Neue Light 45, sans-sherif' //Police |
||
11 | SizeM = 13 //Taille de la Police |
||
12 | WeightM = 'bold' //Epaisseur de la Police |
||
13 | CursorM = 'default' //Curseur-> default,hand... |
||
14 | |||
15 | menu = new Array |
||
16 | i=0 |
||
17 | //--------[Texte/Html]------------------[ Adresse ]--------------------------// |
||
18 | menu[i++]='Home' ;menu[i++]='/index.htm' |
||
19 | menu[i++]='Tree display' ;menu[i++]='/cgi-bin/display?tree=' |
||
20 | menu[i++]='Search OID' ;menu[i++]='/basic-search.htm' |
||
21 | menu[i++]='FAQ' ;menu[i++]='/faq.htm' |
||
22 | |||
23 | |||
24 | //************ Sous-Menus ************// |
||
25 | Color0S = '#FFFFFF' //Couleur du texte |
||
26 | Color1S = '#555555' //Couleur Arrière |
||
27 | Color2S = '#6699FF' //Couleur Arrière Surbrillance |
||
28 | Color3S = '#FFFF00' //Couleur Bordure |
||
29 | EnLigne = 0 //1:pour ranger sur une seule ligne 0:en colonne |
||
30 | LargeurS = 150 //Largeur |
||
31 | HauteurS = 20 //Hauteur |
||
32 | AlignS = 'center' //'center','right','left' |
||
33 | FontS = 'Arial' //Police |
||
34 | SizeS = 10 //Taille de la Police |
||
35 | WeightS = 'bold' //Epaisseur de la Police |
||
36 | FonduS = 1 //1:Fondu, 0:aucun |
||
37 | CursorS = 'default' //Curseur-> default,hand... |
||
38 | |||
39 | k=-1; zlien=new Array |
||
40 | |||
41 | i=0; zlien[++k]=new Array |
||
42 | //************ Fin des paramètres, Début du programme ************// |
||
43 | document.write('<style>') |
||
44 | document.write('.ejmenu {background:'+Color1M+';text-align:'+AlignM+';font:'+WeightM+' '+SizeM+' '+FontM+';color:'+Color0M+';cursor:'+CursorM+'}') |
||
45 | document.write('.ejsmenu {background:'+Color1S+';text-align:'+AlignS+';font:'+WeightS+' '+SizeS+' '+FontS+';color:'+Color0S+';cursor:'+CursorS+'}') |
||
46 | document.write('</style>') |
||
47 | |||
48 | function fadeIn(obj) |
||
49 | { obj.style.filter="blendTrans(duration=1)" |
||
50 | if(obj.filters.blendTrans.status!=1) |
||
51 | { obj.filters.blendTrans.Apply() |
||
52 | obj.style.visibility="visible" |
||
53 | obj.filters.blendTrans.Play() |
||
54 | } |
||
55 | } |
||
56 | |||
57 | document.onclick = function() { skn.visibility='hidden' } |
||
58 | //permet de faire bouger le menu dynamiquement |
||
59 | //document.onmousemove = function() { /*dgt.top=document.body.scrollTop+PosY;*/ dgt.visibility='visible' } |
||
60 | //window.onscroll = function() { dgt.visibility=skn.visibility='hidden' } |
||
61 | |||
62 | function pop(msg,pos) |
||
63 | { skn.visibility="hidden" |
||
64 | skn.top=document.body.scrollTop+PosY+HauteurM |
||
65 | if(!msg.length) return |
||
66 | if(EnLigne) |
||
67 | { content="<TABLE style='border-collapse:collapse;'WIDTH="+LargeurM*menu.length/2+" bordercolor="+Color3S+" BORDER=1><TR>" |
||
68 | for(pass=0;pass<msg.length;pass+=2) content+="<TD onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu>"+msg[pass]+"</TD>" |
||
69 | } else |
||
70 | { skn.left=pos-1 |
||
71 | content="<TABLE style='border-collapse:collapse;'WIDTH="+LargeurS+" bordercolor="+Color3S+" BORDER=1>" |
||
72 | for(pass=0;pass<msg.length;pass+=2) content+="<TR><TD WIDTH="+LargeurS+" onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu>"+msg[pass]+"</TD></TR>" |
||
73 | } |
||
74 | document.getElementById("topdeck").innerHTML=content+"</TR></TABLE>" |
||
75 | if(document.all && FonduS) fadeIn(topdeck); else skn.visibility="visible"; |
||
76 | } |
||
77 | |||
78 | document.write('<DIV style="position:relative"><DIV style="POSITION:absolute;VISIBILITY:hidden;z-index:15" id=topdeck></DIV><TABLE ID=topmenu style="position:absolute;border-collapse:collapse;" bordercolor='+Color3M+' BORDER=1 WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><tr>') |
||
79 | skn=document.getElementById('topdeck').style |
||
80 | dgt=document.getElementById('topmenu').style |
||
81 | for(pass=0;pass<menu.length/2;pass++) document.write("<TD WIDTH="+LargeurM+" onMouseDown='location.href=\""+menu[pass*2+1]+"\"' onMouseOver='this.style.background=\""+Color2M+"\";pop(zlien["+pass+"],this.offsetLeft)' onMouseOut='this.style.background=\""+Color1M+"\"' CLASS=ejmenu>"+menu[pass*2]+"</TD>") |
||
82 | document.write('</TR></TABLE></DIV>') |
||
83 | dgt.top=document.body.scrollTop+PosY |
||
84 | |||
85 |