Buongiorno a tutti, ho un problema con un menu, e non so se posso risolverlo, cercherò di spiegarmi nel miglior modo possibile...
Il menu è un menu che ci apre e si chiude,
al caricamento della pagina viene visualizzato chiuso, quando clicco su una voce, si aprono delle sottovoci cliccabili!
Ma veniamo al problema, fin qui tutto bene il menu fa quello che deve fare. ma quando clicco su una sotto voce,(caricando una nuova pagina) il menu si richiude (logicamente).
A me servirebbe che il menu rimanga aperto, per facilitare l'utente a capire dove si trova.
C'è un modo non so per tenere in memoria, la posizione aperta del menu al caricamento delle altre pagine? (premetto che non voglio usare frame o cose simili, e il browser che utilizzo è explorer 6)
Spero di essere stato chiaro, qui sotto c'è tutto lo script e in allegato l'immagine di un quadratino che si trova nel menu;
spero che possiate aiutarmi...
Vi ringrazio anticipatamente!!!
Questo è il codice al completo:
<html>
<head>
<title>menu</title>
<style>
DIV.clTop{position:absolute; width:250px}
DIV.clSub{position:absolute; left:15px; top:20px; width:250px;}
DIV.clSubB{left:130px; top:10px; width:250px;}
#divCont{position:relative; left:0px; top:50px; height:600px; width:252px;}
A.clMain{font-family:Arial; font-size:11px; text-decoration:none; font-weight:bold; color:#4A4A44;}
A.clSubb{font-family:Arial; font-size:10px; text-decoration:none; color:#4A4A44;}
A.clSubbb{font-family:Arial; font-size:12px; text-decoration:none; color:white;}
#divMain{position:absolute}
</style>
<script language="JavaScript">
var stayFolded=false
var exImg=new Image(); exImg.src='quadratino.gif'
var unImg=new Image(); unImg.src='quadratino.gif'
var n = (document.layers) ? 1:0;
var ie = (document.all) ? 1:0;
var browser=((n || ie) && parseInt(navigator.appVersion)>=4)
function makeMenu(obj,nest){
nest=(!nest) ? '':'document.'+nest+'.'
this.css=(n) ? eval(nest+'document.'+obj):eval('document.all.'+ob j+'.style')
this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('docum ent');
this.height=n?this.ref.height:eval(obj+'.offsetHei ght')
this.x=(n)? this.css.left:this.css.pixelLeft;this.y=(n)? this.css.top:this.css.pixelTop;
this.hideIt=b_hideIt; this.showIt=b_showIt; this.vis=b_vis; this.moveIt=b_moveIt
return this
}
function b_showIt(){this.css.visibility="visible"}
function b_hideIt(){this.css.visibility="hidden"}
function b_vis(){if(this.css.visibility=="hidden" || this.css.visibility=="hide") return true;}
function b_moveIt(x,y){this.x=x; this.y=y; this.css.left=this.x; this.css.top=this.y}
function init(){
oTop=new Array()
oTop[0]=new makeMenu('divTop1','divCont')
oTop[1]=new makeMenu('divTop2','divCont')
oTop[2]=new makeMenu('divTop3','divCont')
oSub=new Array()
oSub[0]=new makeMenu('divSub1','divCont.document.divTop1')
oSub[1]=new makeMenu('divSub2','divCont.document.divTop2')
oSub[2]=new makeMenu('divSub3','divCont.document.divTop3')
for(i=0;i<oSub.length;i++){ oSub[i].hideIt() }
for(i=1;i<oTop.length;i++){ oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height) }
}
function menu(num){
if(browser){
if(!stayFolded){
for(i=0;i<oSub.length;i++){
if(i!=num){
oSub[i].hideIt()
oTop[i].ref["imgA"+i].src=unImg.src
}
}
for(i=1;i<oTop.length;i++){
oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
if(oSub[num].vis()){
oSub[num].showIt()
oTop[num].ref["imgA"+num].src=exImg.src
}else{
oSub[num].hideIt()
oTop[num].ref["imgA"+num].src=unImg.src
}
for(i=1;i<oTop.length;i++){
if(!oSub[i-1].vis()) oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop[i].moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
if(browser) onload=init;
</script>
</head>
<body bgcolor="#ffffff" background="gif/fascia_sx.GIF" text="#000000" link="#000000" vlink="#000000" alink="#000000">
<div id="divCont">
<div id="divTop1" class="clTop">[img]quadratino.gif[/img] pippo
<div id="divSub1" class="clSub">
pippo1
pippo2
pippo3
</div>
</div>
<div id="divTop2" class="clTop">[img]quadratino.gif[/img] pluto
<div id="divSub2" class="clSub">
pluto1
pluto2
</div>
</div>
<div id="divTop3" class="clTop">[img]quadratino.gif[/img] paperino
<div id="divSub3" class="clSub">
paperino1
paperino2
paperino3
</div>
</div>
</div>
</body>
</html>
Rispondi quotando