> 
- Home Page
- > Script JavaScript
- > Script JavaScript Menu
- > Tree Menu
Tree Menu
Tree Menu, for framed pages.
<HTML>
<HEAD>
<!-- "This document is made in Stone's WebWriter 2" -->
<TITLE>Esplora Risorse</TITLE>
<META NAME="Generator" CONTENT="Stone's WebWriter 2">
<!-- Minus AutoDato -->
</HEAD>
<SCRIPT LANGUAGE="JavaScript" SRC="menu.js"></SCRIPT>
<SCRIPT LANGUAGE="JavaScript">
var nascosto = new Array();
for (c=1;c<=i;c++) {
if (elemento[c].livello==1) nascosto[c] = false;
else nascosto[c] = true;
}
function disegna() {
var code = '';
code += '<TABLE BORDER=0><TR><TD NOWRAP>';
code += '<A HREF="' + elemento[1].link + '" TARGET="main">';
if (elemento[1].icona=='') code += '<IMG SRC="home.gif" ALIGN="left" BORDER=0>';
else code += '<IMG SRC="' + elemento[1].icona + '" ALIGN="left" BORDER=0>';
code += elemento[1].nome + '</A><BR>';
for (c=2;c<=i;c++) {
if (!nascosto[c]) {
var app = elemento[c];
for (k=2;k<=app.livello;k++) code += '<IMG SRC="i.jpg" ALIGN="left" BORDER=0>';
if (app.foglia) {
if (c!=i && app.livello==elemento[c+1].livello) code += '<IMG SRC="t.jpg" ALIGN="left" BORDER=0>';
else code += '<IMG SRC="l.jpg" ALIGN="left" BORDER=0>';
if (app.icona=='') app.icona = 'html.jpg';
code += '<A HREF="' + app.link + '" TARGET="main">';
code += '<IMG SRC="' + app.icona + '" ALIGN="left" BORDER=0> ';
} else {
if (nascosto[c+1]) code += '<A HREF="javascript: apri(' + c + ')"><IMG SRC="xl.jpg" ALIGN="left" BORDER=0></A><IMG SRC="cartella1.jpg" ALIGN="left" BORDER=0> ';
else code += '<A HREF="javascript: chiudi(' + c + ')"><IMG SRC="-l.jpg" ALIGN="left" BORDER=0></A><IMG SRC="cartella2.jpg" ALIGN="left" BORDER=0> ';
}
code += app.nome + '</A><BR>';
}
}
code += '</TD></TR></TABLE>';
if (document.all) esplora.innerHTML = code;
else {
document.layers.esplora_nn.document.open();
document.layers.esplora_nn.document.write(code);
document.layers.esplora_nn.document.close();
}
}
function apri(n) {
var c = n + 1;
while (elemento[c].livello>elemento[n].livello) c++;
for(k=n+1;k<c;k++) if (elemento[k].livello==elemento[n].livello + 1) nascosto[k] = false;
disegna();
}
function chiudi(n) {
var c = n + 1;
while (elemento[c].livello>elemento[n].livello) c++;
for(k=n+1;k<c;k++) nascosto[k] = true;
disegna();
}
</SCRIPT>
<STYLE>
<!--
A {text-decoration: none; color: black}
A:hover {color: red}
-->
</STYLE>
<BODY ONLOAD="disegna()" LINK="black" VLINK="red" ALINK="black">
<LAYER NAME="esplora_nn">
</LAYER>
<DIV ID="esplora">
</DIV>
</BODY>
</HTML>
File menu.js
function voce(livello,nome,link,icona,foglia) {
this.livello = livello;
this.nome = nome;
this.link = link;
this.icona = icona;
this.foglia = foglia;
}
var elemento = new Array()
var i = 0;
elemento[++i] = new voce(0,'Home Page','home.htm','',true);
elemento[++i] = new voce(1,'Introduzione','intro.htm','',true);
elemento[++i] = new voce(1,'Fotografie','','',false);
elemento[++i] = new voce(2,'Foto 1','foto1.htm','',true);
elemento[++i] = new voce(2,'Foto 2','foto2.htm','',true);
elemento[++i] = new voce(2,'Foto 3','foto3.htm','',true);
elemento[++i] = new voce(1,'Links','','',false);
elemento[++i] = new voce(2,'Software','','',false);
elemento[++i] = new voce(3,'Sauron Software','sauron.htm','',true);
elemento[++i] = new voce(3,'Macromedia','www.macromedia.it','',true);
elemento[++i] = new voce(3,'Netscape','www.netscape.com','',true);
elemento[++i] = new voce(2,'Musica','','',false);
elemento[++i] = new voce(3,'Iron Maiden','','',true);
elemento[++i] = new voce(3,'Megadeth','','',true);
elemento[++i] = new voce(1,'E-mail','mailto:sauronsw@tin.it','mail.jpg',true);
