Probleme menu deroulant et frames
Bonjour j ai récupéré un code sources sur internet qui repond pas mal à mes besoins.
j ai cependant 2 problemes du a une page de frame
-Ma page d index est donc divisée en 2 frame , je met le menu en haut et j aimerais que les pages s affichent en bas , mais avec ce code tout s ouvre en haut
-Mon menu disparait sous ma frame du bas , il faudrai pouvoir l afficher par dessus
voici le code
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
|
//************ Menu Principal ************//
Color0M = '#F76B08' //Couleur du texte
Color1M = '#000000' //Couleur Arrière
Color2M = '#000000' //Couleur Arrière Surbrillance
Color3M = '#666666' //Couleur Bordure ????
PosY = 0 //Distance entre le haut de l'écran et le menu
LargeurM = 110 //Largeur
HauteurM = 30 //Hauteur
AlignM = 'center' //'center','right','left'
FontM = 'Verdana' //Police
SizeM = 8 //Taille de la Police
WeightM = 'bold' //Epaisseur de la Police
CursorM = 'default' //Curseur-> default,hand...
menu = new Array; i=0
//--------[Texte/Html]------------------[ Adresse ]--------------------------//
menu[i++]='Accueil' ;menu[i++]='#'
menu[i++]='C est quoi' ;menu[i++]='#'
menu[i++]='C est qui' ;menu[i++]='#'
menu[i++]='Boutique' ;menu[i++]='#'
menu[i++]='Liens' ;menu[i++]='#'
menu[i++]='Contacts' ;menu[i++]='#'
//************ Sous-Menus ************//
Color0S = '#F76B08' //Couleur du texte
Color1S = '#555555' //Couleur Arrière
Color2S = '#6699FF' //Couleur Arrière Surbrillance
Color3S = '#FFFF00' //Couleur Bordure
EnLigne = 0 //1:pour ranger sur une seule ligne 0:en colonne
LargeurS = 150 //Largeur
HauteurS = 20 //Hauteur
AlignS = 'center' //'center','right','left'
FontS = 'Verdana' //Police
SizeS = 10 //Taille de la Police
WeightS = 'bold' //Epaisseur de la Police
FonduS = 1 //1:Fondu, 0:aucun
CursorS = 'default' //Curseur-> default,hand...
k=-1; zlien = new Array
i=0; zlien[++k]=new Array//Accueil
i=0; zlien[++k]=new Array // Pas de Sous-Menus pour le menu principal ''
zlien[k][i++]='Présentation' ;zlien[k][i++]='presentation.html'
zlien[k][i++]='charte' ;zlien[k][i++]='charte.html '
//zlien[k][i++]='...' ;zlien[k][i++]='http://...'
i=0; zlien[++k]=new Array
zlien[k][i++]='Membres' ;zlien[k][i++]='Membres.html'
zlien[k][i++]='Album' ;zlien[k][i++]='Album.html'
i=0; zlien[++k]=new Array
zlien[k][i++]='Présentation' ;zlien[k][i++]=''
zlien[k][i++]='Homme' ;zlien[k][i++]=''
zlien[k][i++]='Femme' ;zlien[k][i++]=''
zlien[k][i++]='Commande' ;zlien[k][i++]=''
i=0; zlien[++k]=new Array
i=0; zlien[++k]=new Array
//************ Fin des paramètres, Début du programme ************//
if(document.getElementById) {
document.write('<style>')
document.write('.popper {POSITION:absolute; VISIBILITY:hidden; z-index:15;}')
document.write('.ejmenu {font-family:'+FontM+'; font-size:'+SizeM+'; font-weight:'+WeightM+'; color:'+Color0M+'; text-decoration:none; cursor:'+CursorM+';}')
document.write('.ejsmenu {font-family:'+FontS+'; font-size:'+SizeS+'; font-weight:'+WeightS+'; color:'+Color0S+'; text-decoration:none; cursor:'+CursorS+';}')
document.write('</style>')
function fadeIn(obj)
{ obj.style.filter="blendTrans(duration=1)"
if(obj.visibility!="visible" && obj.filters.blendTrans.status!=1)
{ obj.filters.blendTrans.Apply()
obj.style.visibility="visible"
obj.filters.blendTrans.Play()
}
}
document.onclick = function() { skn.visibility="hidden" }
document.onmousemove = function()
{ document.getElementById('topmenu').style.top=document.body.scrollTop+PosY
document.getElementById('topmenu').style.visibility='visible'
}
window.onscroll = function()
{ document.getElementById('topmenu').style.visibility='hidden'
skn.visibility = "hidden"
}
function pop(msg,pos)
{ skn.visibility="hidden"
skn.top=document.body.scrollTop+PosY+HauteurM
if(msg.length==0) return
pass=0
if(EnLigne)
{ content="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+Color3S+" WIDTH="+LargeurM*menu.length/2+"><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1><TR>"
while(pass<msg.length)
{ content+="<TD align="+AlignS+" BGCOLOR="+Color1S+" onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu> "+msg[pass]+"</TD>"
pass+=2
}
content+="</TR>"
} else
{ skn.left=pos-1
content="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR="+Color3S+" WIDTH="+LargeurS+"><TR><TD><TABLE WIDTH="+LargeurS+" BORDER=0 CELLPADDING=0 CELLSPACING=1>"
while(pass<msg.length)
{ content+="<TR><TD align="+AlignS+" WIDTH="+LargeurS+" BGCOLOR="+Color1S+" onMouseDown='location.href=\""+msg[pass+1]+"\"' onMouseOver=\"this.style.background='"+Color2S+"'\" onMouseOut=\"this.style.background='"+Color1S+"'\" HEIGHT="+HauteurS+" CLASS=ejsmenu> "+msg[pass]+"</TD></TR>"
pass+=2
}
}
document.getElementById("topdeck").innerHTML=content+"</TABLE></TD></TR></TABLE>"
if(navigator.appName.substring(0,3)=="Net" || !FonduS) skn.visibility="visible"; else fadeIn(topdeck);
}
document.write('<DIV style="position:relative;"><DIV class=popper id=topdeck></DIV><TABLE style="position:absolute;" ID=topmenu BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR='+Color3M+' WIDTH='+LargeurM*menu.length/2 +' HEIGHT='+HauteurM+'><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=100%><tr>')
skn=document.getElementById("topdeck").style
pass=0
while(pass<menu.length/2)
{ document.write("<TD WIDTH="+LargeurM+" align="+AlignM+" BGCOLOR="+Color1M+" 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>")
pass++
}
document.write('</TR></TABLE></TD></TR></TABLE></DIV>')
document.getElementById('topmenu').style.top=document.body.scrollTop+PosY
} |
Voyez vous une solution ??
Merci
