Menù gerarchico ad albero - javascript

**claudia52** · 13-10-2005, 14:20

Ho copiato dal servizio gratuito di ML offerto da HTML.it, uno script da inserire nel mio sito in modo da creare un menù ad albero (jscript_081104 settimana 283 - 8 novembre 2004).

Ho modificato e personalizzato il codice in base alle mie esigenze e tutto funziona ad eccezione di due link: espandi tutto, chiudi tutto.

La pagina del mio sito è:
http://www.anmdolazio.it/editoriale/...lenco_DSPO.php

Non riesco a capire dov'è l'errore.

Spero che qualcuno possa aiutarmi.

Ciao a tutti

**alka** · 13-10-2005, 14:55

Ciao e benvenuta nel forum.

Per il linguaggio JavaScript, esiste una sezione apposita, Scripting, in cui sposterò questa discussione.

Ciao!

**vincenza** · 13-10-2005, 17:10

Ciao Claudia,

per giorni ho cercato il menu che tu hai trovato ... per ringraziarti mi sa che ho trovato il tuo errore!

ho scaricato il codice della pagina da te indicata e, nella tabella che contiene il menu, ho trovato un po' di tag non chiusi (del tipo < /tr > ... senza spazi, ovviamente)

ho rimesso a posto questi tag e le funzioni 'apri tutto' e 'chiudi tutto' ora mi funzionano

non so perché nè come ... comunque funzionano

prova anche tu a rivedere bene la pagina.

ciao e GRAZIE!!!!!!

enza

**claudia52** · 13-10-2005, 18:26

Ti ringrazio molto del suggerimento, domani rivedrò tutto il codice e speriamo che funzioni.
Inoltre sono contenta di esserti stata utile.

Ciao.

**vincenza** · 13-10-2005, 23:34

Non perderci tempo inutilmente ...
ti spedisco il codice che mi funziona; inseriscilo direttamente nella tua pagina,
ho lasciato i tuoi link così non dovresti rimetterci mano ...
unica differenza ... togli IMMAGINI e rimettici img ...
altrimenti non mi funzionavano le gif ...

l'ho provato sul mio pc e anche in linea ... tutto ok!

ciao

codice:

<html>

<head>
<title>menu</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]IMMAGINI/cartella.gif[/img]";
   } else {
      elem.style.display="block";
      prefisso.innerHTML="[img]IMMAGINI/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]IMMAGINI/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]IMMAGINI/cartella.gif[/img]";
   }
}
</script>
</head>

<body>

                    
<table width="80%" height="527" border="0" align="center" cellpadding="1" cellspacing="1" class="bordogrigio">
<tr>
<td height="523" valign="top">




<table width="194" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>
[img]IMMAGINI/cartella.gif[/img]
</td>
<td width="181">Benchmarking delle DSPO</td>
</table>

<div id="bench" style="display: none; margin-left: 2em;">
<table border=0 cellpadding='1' cellspacing='1'>
  <tr>
    <td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
    <td>Regolamento benchmarking</td>
  </tr>
</table>


<table width="128" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td>Modulo iscrizione</td>
</tr>
</table>


</div>
<table width="389" cellpadding='1' cellspacing='1'>
<tr>
<td width='17'>
[img]IMMAGINI/cartella.gif[/img]
</td>
<td width="315">Accreditamento volontario delle DSPO</td>
</tr>
</table>


<div id="accred" style="display: none; margin-left: 2em;">
<table width="194" border=0 cellpadding='1' cellspacing='1'>
  <tr>
    <td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
    <td>Regolamento accreditamento</td>
  </tr>
</table>

<table width="128" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td>Modulo iscrizione</td>
</tr>
</table>

</div>
<table width="130" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>
[img]IMMAGINI/cartella.gif[/img]
</td>
<td width="280">Formazione</td>
</tr>
</table>

<div id="formazione" style="display: none; margin-left: 2em;">
<table width="172" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/cartella.gif[/img]</td>
<td>Corso auditor interno</td>
</tr>
</table>

<div id="auditori" style="display: none; margin-left: 2em;">
<table width="116" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td>Descrizione</td>
</tr>
</table>

<table width="134" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td>Modulo iscrizione</td>
</tr>
</table>
</div>

<table width="125" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/cartella.gif[/img]</td>
<td>Corso auditor </td>
</tr>
</table>

<div id="auditor" style="display: none; margin-left: 2em;">
<table width="116" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td>Descrizione</td>
</tr>
</table>

<table width="134" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td>Modulo iscrizione</td>
</tr>
</table>

</div>
</div>

<table width="250" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>
[img]IMMAGINI/cartella.gif[/img]
</td>
<td width="280">Certificazione delle competenze</td>
</tr>
</table>

<div id="certific" style="display: none; margin-left: 2em;">
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/cartella.gif[/img]</td>
<td>Regolamento</td>
</tr>
</table>

<div id="regolam" style="display: none; margin-left: 2em;">
<table width="355" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td>Registro ANMDO Auditor Interni Sist. Gest. Strutt. San.</td>
</tr>
</table>

<table width="353" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td><a href="regol_certific_compet_auditor.zip">Registro ANMDO Auditor Sistemi Gestione
    Strutt. San.</a></td>
</tr>
</table>

</div>
<table cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td>Modulo iscrizione</td>
</tr>
</table>

</div>
<table width="226" cellpadding='1' cellspacing='1'>
  <tr>
    <td width='18'> [img]IMMAGINI/cartella.gif[/img] </td>
    <td width="287">Certificazione ISO 9001:2000</td>
    </tr>
</table>

<div id="iso" style="display: none; margin-left: 2em;">
<table width="104" border=0 cellpadding='1' cellspacing='1'>
  <tr>
    <td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
    <td>Descrizione</td>
  </tr>
</table>

<table width="264" border=0 cellpadding='1' cellspacing='1'>
  <tr>
    <td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
    <td>Partnership con gli enti di certificazione</td>
  </tr>
</table>

<table width="252" cellpadding='1' cellspacing='1'>
<tr>
<td width='16'>[img]IMMAGINI/documento.gif[/img]</td>
<td>Modulo di richiesta di offerta NOMOS</td>
</tr>
</table></div>




Espandi Tutto

Chiudi Tutto</p>
</td>
                          </tr>
                        </table>

</body>

**claudia52** · 14-10-2005, 12:05

Dirti un GRAZIE INFINITO è troppo poco.....
Ti saluto caldamente

**claudia52** · 26-10-2005, 10:40

Originariamente inviato da vincenza
Non perderci tempo inutilmente ...
ti spedisco il codice che mi funziona; inseriscilo direttamente nella tua pagina,
ho lasciato i tuoi link così non dovresti rimetterci mano ...
unica differenza ... togli IMMAGINI e rimettici img ...
altrimenti non mi funzionavano le gif ...

l'ho provato sul mio pc e anche in linea ... tutto ok!

ciao

Ciao,
solo oggi sono riuscita ad avere un pò di tempo per riesaminare lo script.
Purtroppo ancora non ho risolto.
Ho copiato il tuo codice, che gentilmente mi hai inviato, ma quanto clicco sulla cartella per espandere il menù si apre una pagina di errore. Così per tutte le cartelle compresi "espandi tutto" e "chiudi tutto".

Ho rivisto il mio codice correggendo i vari tag non chiusi ma di "espandere tutto" o "chiudere tutto" non ne vuol sapere.

Vedi se puoi aiutarmi ancora.
Grazie. Spero a presto.

**vincenza** · 26-10-2005, 15:44

diamine ... come può essere che funzioni in un luogo sì ed in un altro no?

bho ... cercherò di trovare qualche altro baco ... che sia la pagina che lo contiene? ... cioé il resto del codice ... in effetti io, quando ho provato, ho tirato fuori solo la tabella che conteneva il menu ... forse collide con qualcosa fuori da quella tabella ...

cercherò ancora, non preoccuparti ... ci arrenderemo solo allo sfinimento!

enza

**Xinod** · 26-10-2005, 16:42

Originariamente inviato da claudia52
quanto clicco sulla cartella per espandere il menù si apre una pagina di errore. Così per tutte le cartelle compresi "espandi tutto" e "chiudi tutto".

il termine javascript seguito da : viene automaticamente spezzato in 2 dal forum
va chiaramente scritto senza spazi
ciao

**claudia52** · 26-10-2005, 18:03

Originariamente inviato da Xinod
il termine javascript seguito da : viene automaticamente spezzato in 2 dal forum
va chiaramente scritto senza spazi
ciao

Con questa correzione, il codice di Vincenza funziona perfettamente ma trasferito nella pagina del mio sito (http://www.anmdolazio.it/editoriale/...lenco_DSPO.php)non va ....!
Ci sarà qualche conflitto con il resto della pagina?

Discussione: Menù gerarchico ad albero - javascript

Strumenti discussione

Ricerca discussione

Visualizza

Menù gerarchico ad albero - javascript

Moderazione

Permessi di invio