codice:
<SCRIPT LANGUAGE="JavaScript">
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,'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);
function assegna()
{
alert('pippo');
}
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="#" onclick="assegna" TARGET="main">';
if (elemento[1].icona=='') code += '[img]home.gif[/img]';
else code += '[img]' + elemento[1].icona + '[/img]';
code += elemento[1].nome + '</A>
';
for (c=2;c<=i;c++) {
if (!nascosto[c]) {
var app = elemento[c];
for (k=2;k<=app.livello;k++) code += '[img]i.jpg[/img]';
if (app.foglia) {
if (c!=i && app.livello==elemento[c+1].livello) code += '[img]t.jpg[/img]';
else code += '[img]l.jpg[/img]';
if (app.icona=='') app.icona = 'html.jpg';
code += '<A HREF="#" onclick="assegna()" TARGET="main">';
code += '[img]' + app.icona + '[/img]';
} else {
if (nascosto[c+1]) code += '[img]xl.jpg[/img][img]cartella1.jpg[/img]';
else code += '[img]-l.jpg[/img][img]cartella2.jpg[/img]';
}
code += app.nome + '</A>
';
}
}
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>