aiuto menù espandibile javascript

gio^_^

Nuovo Utente
2 Ott 2004
3
0
0
ciao a tutti
^_^

scusate se vi assillo ma ho un problema con un menu' javascript di cui ho reperito il codice in rete...
io non so quasi nulla di javascript ma mi servirebbe questo menù funzionante perchè lo userei per la dimostrazione web che ho unito alla mia tesi...

se qualcuno e' in grado di aiutarmi questo e' il codice:
--------------------------------------------------------------------------------------------
<html>

<head>
<title>Script menù espandibile JAVASCRIPT</title>

<style><!-- stili e posizioni -->
#divMain{position:absolute}
#divCont{position:relative; left:7px; top:5px; height:200px; width:200px;}
DIV.clTop{position:absolute; width:175px}
DIV.clSub{position:absolute; left:13px; top:20px; width:169px}
A.clMain{font-family:Verdana; font-size:10px; text-decoration:none; font-weight:bold; color:black}
A.clSubb{font-family:Verdana; font-size:10px; text-decoration:none; font-weight:bold; color:black; height:14px}
A.clSubb:hover{border: solid 1px #000000; background-color:#CFC6BB;width:169px}
</style>

<script language="JavaScript" type="text/javascript">

var stayFolded=false;
var exImg=new Image(); exImg.src='images/aperta.gif';
var unImg=new Image(); unImg.src='images/chiusa.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.'+obj+'.style')
this.ref=(n) ? eval(nest+'document.'+obj+'.document'):eval('document');
this.height=n?this.ref.height:eval(obj+'.offsetHeight')
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.hideIt() }
for(i=1;i<oTop.length;i++){ oTop.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.hideIt()
oTop.ref["imgA"+i].src=unImg.src
}
}
for(i=1;i<oTop.length;i++){
oTop.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.moveIt(0,oTop[i-1].y+oTop[i-1].height+oSub[i-1].height)
else oTop.moveIt(0,oTop[i-1].y+oTop[i-1].height)
}
}
}
if(browser) onload=init;

</script>
</head>

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<table>
<tr>
<td>
<div id="divCont">
<div id="divTop1" class="clTop">
<a href="#" onclick="menu(0); return false" class="clMain">
<img src="images/chiusa.gif" name="imgA0" alt="" border="0"> IL PASSATO DI SESTO S.G.</a>

<div id="divSub1" class="clSub">
<a href="#" class="clSubb"> >la storia</a><br>
<a href="#" class="clSubb"> >i progetti di rigenerazione<br>&nbsp;&nbsp;&nbsp;urbana portati a termine</a><br>
<a href="#" class="clSubb"> >diari di ieri</a><br>
<a href="#" class="clSubb"> >la mappa della vecchia città</a><br>
<a href="home_passato.html" class="clSubb"> >l’identità passata di Sesto</a><br>
<a href="#" class="clSubb"> >forum su ieri</a>
</div>
</div>

<div id="divTop2" class="clTop">
<a href="#" onclick="menu(1); return false" class="clMain">
<img src="images/chiusa.gif" name="imgA1" alt="" border="0"> IL PRESENTE DI SESTO S.G.</a>

<div id="divSub2" class="clSub">
<a href="#" class="clSubb"> >news</a><br>
<a href="#" class="clSubb"> >i progetti di rigenerazione<br>&nbsp;&nbsp;&nbsp;urbana in corso</a><br>
<a href="#" class="clSubb"> >diari di oggi</a><br>
<a href="#" class="clSubb"> >la mappa interattiva<br>&nbsp;&nbsp;&nbsp;di Sesto</a><br>
<a href="#" class="clSubb"> >l'identità attuale di Sesto</a><br>
<a href="home_presente.html" class="clSubb"> >le tue radici a Sesto</a><br>
<a href="#" class="clSubb"> >forum su oggi</a>
</div>
</div>

<div id="divTop3" class="clTop">
<a href="#" onclick="menu(2); return false" class="clMain">
<img src="images/chiusa.gif" name="imgA2" alt="" border="0"> IL FUTURO DI SESTO S.G.</a>

<div id="divSub3" class="clSub">
<a href="#" class="clSubb"> >videoconferenze dal futuro</a><br>
<a href="#" class="clSubb"> >i progetti futuri<br>&nbsp;&nbsp;&nbsp;di rigenerazione urbana</a><br>
<a href="#" class="clSubb"> >diari di domani</a><br>
<a href="#" class="clSubb"> >l'identità futura di Sesto</a><br>
<a href="home_futuro.html" class="clSubb"> >collaborare alla<br>&nbsp;&nbsp;&nbsp;riqualificazione urbana</a><br>
<a href="#" class="clSubb"> >forum sul domani</a>
</div>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
------------------------------------------------------------------------------------------

Il menù e' un menù espandibile; ad esso sono unite le due icone per le voci principali del menu' (espansa, non espansa)...
Il mio problema e' che quando passo da una pagina all'altra il menù si richiude, mentre io vorrei che rimanesse aperta la sezione della pagina dove mi trovo...

e' possibile farlo?

ps: il sito web che porto per la tesi e' una simulazione di sito, non un vero sito, quindi accetto anche soluzioni un po' alla buona, basta che diano l'effetto desiderato...

grazie a tutti e scusate per il disturbo...
se qualcuno mi puo' aiutare gli faro' una statua
^_^
 

gio^_^

Nuovo Utente
2 Ott 2004
3
0
0
Ps

se qualcuno ha menù simili a questo in oggetto che non hanno il problema che ho descritto su e che si possono adattare alla grafica del mio...
^_^
 

WebDisaster

Utente Attivo
1 Apr 2004
701
1
0
Web
Di script simili ne puoi trovare molti in rete...
Basta cercare su Google con la parola chiave script menu espandibile.
 

gio^_^

Nuovo Utente
2 Ott 2004
3
0
0
WebDisaster ha scritto:
Di script simili ne puoi trovare molti in rete...
Basta cercare su Google con la parola chiave script menu espandibile.

si, infatti ne ho trovati molti...

l'unico che ho saputo gestire un minimo e' questo...
pero' mi da' il problema che ho scritto su (ogni volta che cambio pagina il menù si richiude mentre io vorrei che rimanesse espansa la sezione che sto navigando...)

cercavo aiuto per risolvere questo problema...
gli altri script che ho visionato non mi andavano bene...
aiuto
 
Discussioni simili
Autore Titolo Forum Risposte Data
A menù a tendina aiuto PHP 1
W Aiuto per menù fatto con immagini e relativo sottomenù HTML e CSS 2
C Menù interattivo (era: Aiuto Ajax) Ajax 4
Nyl Aiuto: Menù Breadcrumb PHP 5
P inserire menu orizzontale [ Ho bisogno di un aiuto per questo menù] Javascript 4
E Aiuto per query PHP 8
R Aiuto ripristino sito web Presentati al Forum 0
L Aiuto con DataGridView Visual Basic 1
F Aiuto! cambio immagine di sfondo al cambio pagina HTML e CSS 2
I aiuto urgente per thunderbird Posta Elettronica 0
I aiuto per outlook Posta Elettronica 0
D aiuto funzioni javascript Javascript 1
T aiuto per trasformare un quiz fatto in JS in un quiz in JQUERY jQuery 0
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
M Fullcalendar in Codeigniter, un aiuto per la chiamata $ajax ? jQuery 0
K Aiuto con file audio in html HTML e CSS 1
G Script notifiche dekstop aiuto Javascript 0
P Aiuto per rendere un Bot Telegram Privato PHP 1
M Un aiuto da chi ha apple Mac e Software 0
P Richiesta di aiuto Presentati al Forum 1
A Aiuto per pagina php PHP 0
M Questa pagina non carica correttamente Google Maps: aiuto!! HTML e CSS 1
I Aiuto php Dependent Lookup PHP 0
R Aiuto con le query MS Access 2
M AIUTO ESERCIZIO JAVA Javascript 1
G Aiuto con htaccess e rewriterule PHP 0
T cercasi aiuto per file d1 (open-edge db) Database 0
M Aiuto con inserimento immagini WordPress 6
D aiuto schermata photoshop Photoshop 0
L Aiuto per programma web php/mySQL PHP 2
A Aiuto php colore diverso PHP 10
L Aiuto creazione menu mancante WordPress 0
C Aiuto compiuto scuola PHP/MySQL PHP 2
G Insert into select - Aiuto MySQL 0
I Aiuto bash linux Programmazione 1
F Aiuto java script Javascript 2
R Cerco aiuto Offerte e Richieste di Lavoro e/o Collaborazione 7
I Aiuto query MySQL 8
G Aiuto HTML, collegamento con un bottone a una <div> di un' altra pagna HTML e CSS 5
motleyrulez Aiuto con un ciclo PHP 0
R Aiuto sito html Offerte e Richieste di Lavoro e/o Collaborazione 3
claudio_lorenzo [Javascript] aiuto su jquery per calcolo altezze dom Javascript 1
G Mi dite come faccio? Aiuto photoshop ? Photoshop 1
C prestashop paragamento contrassegno aiuto modulo E-Commerce 0
Michelebozzo [PHP] Rimuovere pubblicazione nome pagina ... aiuto! PHP 7
Caldus richiesta aiuto Mac e Software 0
R [Javascript] Aiuto su questo script Javascript 2
Z Gestionale in Php/mysql: Quanto farsi pagare? Aiuto! Discussioni Varie 0
Giacomo92 [HTML] AIUTO!! Regular Expression :( Offerte e Richieste di Lavoro e/o Collaborazione 15
T Aiuto per php7 e mysqli PHP 3

Discussioni simili