Salve a tutti,

vi scrivo perche' lavorando come un matto per capire come fare sto cercando di modificare uno script js in modo da poterlo aggiornare ogni volta che aggiungo una nuova categoria nel database...ma come faccio??????

adesso vi posto il codice della pagina:
codice:
<html>
<head>
<title>HTML.it Javascript - Menu ad albero</title>
<script type="text/javascript">
function aprichiudi(item) {
   elem=document.getElementById(item);
   visibile=(elem.style.display!="none")
   prefisso=document.getElementById("menu" + item);
   if (visibile) {
     elem.style.display="none";
     prefisso.innerHTML="[img]cartella.gif[/img]";
   } else {
      elem.style.display="block";
      prefisso.innerHTML="[img]cartellaaperta.gif[/img]";
   }
}

function espanditutto() {
   divs=document.getElementsByTagName("div");
   for (i=0;i<divs.length;i++) {
     divs[i].style.display="block";
     prefisso=document.getElementById("menu" + divs[i].id);
     prefisso.innerHTML="[img]cartellaaperta.gif[/img]";
   }
}

function chiuditutto() {
   divs=document.getElementsByTagName("div");
   for (i=0;i<divs.length;i++) {
     divs[i].style.display="none";
     prefisso=document.getElementById("menu" + divs[i].id);
     prefisso.innerHTML="[img]cartella.gif[/img]";
   }
}
</script>
</head>
<body>

<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>
[img]cartella.gif[/img]
</td>
<td>Le guide di HTML.it</td>
</table>
<div id="guide" style="display: none; margin-left: 2em;">
<table border=0 cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]documento.gif[/img]</td>
<td>Guida HTML</td>
</tr>
</table>
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]documento.gif[/img]</td>
<td>Guida XHTML</td>
</tr>
</table>
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]cartella.gif[/img]</td>
<td>Fogli di stile CSS</td>
</table>
<div id="css" style="display: none; margin-left: 2em;">
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]documento.gif[/img]</td>
<td>Guida ai CSS</td>
</tr>
</table>
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]documento.gif[/img]</td>
<td>Guida ai layout con i CSS</td>
</tr>
</table>
</div>
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]documento.gif[/img]</td>
<td>Corso Javascript</td>
</tr>
</table>
</div>
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]cartella.gif[/img]</td>
<td>Linguaggi</td>
</table>
<div id="ling" style="display: none; margin-left: 2em;">
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]documento.gif[/img]</td>
<td>FreeASP</td>
</tr>
</table>
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]documento.gif[/img]</td>
<td>FreePHP</td>
</tr>
</table>
<table cellpadding='1' cellspacing='1'>
</table>
</div>
<table cellpadding='1' cellspacing='1'><tr>
<td width='16'>[img]cartella.gif[/img]</td>
<td>Servizi</td>
</table>
<div id="servizi" style="display: none; margin-left: 2em;"> 
  <table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]documento.gif[/img]</td>
<td>ADSL</td>
</tr>
</table>
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]documento.gif[/img]</td>
<td>Hosting</td>
</tr>
</table>
  
</div>
</body>
</html>
spero di aver spiegato al meglio il mio problemino, dove dovrei modificare il codice?