menu ad albero in js con dinamicità del db access

**Jon Coffi** · 02-02-2005, 00:06

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?

**Mich_** · 02-02-2005, 10:12

Devi risolvere lato server.

Cioe` devi modificare il JS tramite il programma che gestisce il database.
Per semplificare puoi spezzare lo script in due file: uno relativo all'area dati, l'altro con le funzioni. Il programma sul server poi dovra` riscrivere l'area dati in modo da adattarla al database: ogni volta che si ricarica la pagina verra` linkato il file piu` aggiornato.

Non so che linguaggio usi sul server (ASP, PHP, JSP, CGI, ...) per cui non so dove spostarti.

**br1** · 02-02-2005, 10:24

Non capisco

come influisca il db access... in ogni caso lo script non e' da modificare in nessuna parte, per ogni sezione nuova devi aggiungere un pezzo alla pagina valorizzando correttamente gli ID... per esempio:

codice:

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

ciao

ps: bada che nella pagina che hai postato manca il </div> di chiusura dell'ultimo menu.

**Jon Coffi** · 02-02-2005, 22:26

Adesso sto utilizzando un altro codice + semplice, ma il problemi è sempre lo stesso: ecco il codice

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE></TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252"><LINK 
href="menu/listspan.css" type=text/css 
rel=stylesheet>
<SCRIPT language=javascript 
src="menu/listspan.js" type=text/javascript>
</SCRIPT>

<META content="MSHTML 6.00.2900.2523" name=GENERATOR></HEAD>
<BODY>
<H1>ARGOMENTO 1</H1>
<UL>
  <LI class=clsHasKids><SPAN>CONFIGURAZIONE</SPAN> 
  <UL>
    <LI>Sistema Operativo 
    <LI>Email 
    <LI>Ftp 
    <LI><A href="http://network.aruba.it/" target=_new>la nuova sezione faq 
    </A></LI>[/list]
  <LI class=clsHasKids><SPAN>FRONTPAGE</SPAN> 
  <UL>
    <LI><A href="http://www.masterbass.com/" target=_new>Creare, salvare e 
    pubblicare </A>
    <LI>pagina con frame 
    <LI>link e pagine 
    <LI>moduli utente 
    <LI>nuovo sito </LI>[/list]
  <LI class=clsHasKids><SPAN>LINGUAGGI</SPAN> 
  <UL>
    <LI class=clsHasKids><SPAN>LINGUAGGI</SPAN> 
    <UL>
      <LI>asp 
      <LI>php 
      <LI>perl </LI>[/list]
    <LI class=clsHasKids><SPAN>UTILITY</SPAN> 
    <UL>
      <LI>test per cgi-bin 
      <LI><A href="http://www.masterbass.com/" target=_new>pws fix 
    </A></LI>[/list]</LI>[/list]</LI>[/list]
</BODY></HTML>

il file con estensione js. ecco qua!!!

codice:

	/* TREE MENU + ACCESS DB */
	
  function GetChildElem(eSrc,sTagName)
  {
    var cKids = eSrc.children;
    for (var i=0;i<cKids.length;i++)
    {
      if (sTagName == cKids[i].tagName) return cKids[i];
    }
    return false;
  }
  
  function document.onclick()
  {
    var eSrc = window.event.srcElement;
		if ("SPAN" == eSrc.tagName && "clsHasKids" == eSrc.parentElement.className)
		{
			var eChild = GetChildElem(eSrc.parentElement,"UL");
      eChild.style.display = ("block" == eChild.style.display ? "none" : "block");
    }
  }

  function document.onmouseover()
  {
    var eSrc = window.event.srcElement;
		if ("SPAN" == eSrc.tagName && "clsHasKids" == eSrc.parentElement.className)
		{
			eSrc.style.color = "maroon";
    }
  }

  function document.onmouseout()
  {
    var eSrc = window.event.srcElement;
		if ("SPAN" == eSrc.tagName && "clsHasKids" == eSrc.parentElement.className)
		{
			eSrc.style.color = "";
    }
  }

  function ShowAll(sTagName)
  {
    var cElems = document.all.tags(sTagName);
    var iNumElems = cElems.length;
    for (var i=1;i<iNumElems;i++) cElems[i].style.display = "block";
  }
  
  function HideAll(sTagName)
  {
    var cElems = document.all.tags(sTagName);
    var iNumElems = cElems.length;
    for (var i=1;i<iNumElems;i++) cElems[i].style.display = "none";
  }

performato per asp dove dovrei inserire il codice?
Grazie in anticipo per la vs. disponibilità

Discussione: menu ad albero in js con dinamicità del db access

Strumenti discussione

Ricerca discussione

Visualizza

menu ad albero in js con dinamicità del db access

stesso problemino js + access+ asp

Permessi di invio