Menù gerarchico a cartelle

**13manuel84** · 12-10-2005, 15:36

ho scaricato questo script direttamente da html: http://www.html.it/dynamic/menu/menu08.htm

che mi permette di creare un menù con quanti livelli e sottolivelli voglio e fin qui tutto bene, l'unica cosa che vorrei è che quando clicco su un menù tutti gli altri mi si chiudano e rimanga aperto solo il ramo che ho scelto, solo che non sono riuscito a trovare una cosa del genere. Qualcuno sa dove devo metter mano al codice? [chiedo onde evitare di far danni irrimediabili

]

oppure qualcuno conosce un menù in cui è possibile far ciò?

io ne ho trovato uno, ma ha solo la possibilità di fare il menù a 2 livelli e non è possibile aggiungerne, quindi mi rimando a voi.

Grazie mille!

**Andrea1979** · 12-10-2005, 15:47

sei cosciente del fatto che lo script non funziona su FireFox? Lo chiedo prima di mettere mano al codice... magari c'è qualcos'altro già pronto che funziona anche su FF...

**13manuel84** · 12-10-2005, 15:51

ehm no

a dire il vero lo stavo testando solo con IE per ora...

però ora che mi ci fai riflettere è meglio che sia il più crossbrowser possibile...però non saprei dove trovarlo, sto ancora cercando ma non so dove cercare un menù che faccia al caso mio e che sia nel contempo anche crossbrowser, se tu o qualcun'altro ne conoscete qualcuno, ogni aiuto è ben accetto!

Grazie mille!

**fcaldera** · 12-10-2005, 15:52

http://www.treemenu.net/treemenu/demos.asp

anche se ancora non fa il collapse su nodi sibling almeno è crossbrowser...

**13manuel84** · 12-10-2005, 16:01

è quello che stavo guardando ora

il collapse su nodi sibling è quello che chiedevo del fatto che cliccando su un nodo gli altri si chiudessero?

**Andrea1979** · 12-10-2005, 16:06

o anche questo

http://www.dynamicdrive.com/dynamici...switchmenu.htm

(magari è lo stesso... a me l'altro link non si apre...

)

**13manuel84** · 12-10-2005, 16:19

Originariamente inviato da Andrea1979
o anche questo

http://www.dynamicdrive.com/dynamici...switchmenu.htm

(magari è lo stesso... a me l'altro link non si apre...

)

questo sarebbe perfetto se capissi come agigungere dei livelli, cioè, nelle demo si vede solo con due livelli, è perché non se ne possono aggiungere altri o perché io non sono capace?

grazie!

**Andrea1979** · 14-10-2005, 11:58

Vedi un po' questo

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>/*
#slidemenu ul li ul {
  display: none;
}*/
</style>
<title>Menu</title>
<script language="javascript" type="text/javascript">

function init(targetmenu) {
	menu_ul = document.getElementById(targetmenu).getElementsByTagName("ul");
	//alert(menu_ul.length);
	for (var i=0; i < menu_ul.length; i++) {
	  menu_ul[i].style.display = (menu_ul[i].parentNode.id == targetmenu ? "block" : "none");
	}	
}

function check_and_show(source, targetmenu) {
  disp = source.parentNode.getElementsByTagName("ul");
  //alert(disp.length);
  temp = disp[0];
  allAffectedNodes = new Array(); //prende i nodi nel ramo clickato.
  while (temp.parentNode.id!=targetmenu) {
	if (temp.tagName.toLowerCase() == "ul") {
	  //alert("true");
	  i = allAffectedNodes.push(temp);
	}
	temp = temp.parentNode;
  }
  //aggiunta di oggi
  lastDisplayStatus = allAffectedNodes[0].style.display; //prendo lo stato del ramo clickato  
  init(targetmenu); //chiudo tutto il menu
  
  if (lastDisplayStatus=="block") { //la voce era visibile, voglio chiudere tutto il menu nel ramo sottostante.
    for (var i = allAffectedNodes.length-1; i > 0; i--) { //riapro tutti i nodi fino a quello clickato
	  allAffectedNodes[i].style.display = "block";
	}
	//chiudo il nodo clickato e tutti i sottonodi
	allAffectedNodes[0].style.display = "none";
	submenu_ul = allAffectedNodes[0].getElementsByTagName("ul");
	for (var i = 0; i < submenu_ul.length; i++) {
	  submenu_ul[i].style.display = "none";
	}
  }
  else { // il nodo era chiuso e lo voglio aprire
    for (var i=allAffectedNodes.length-1; i >=0; i--) {
	  allAffectedNodes[i].style.display = "block";
	}
  }
}
</script>
</head>

<body onload="init('slidemenu');">
<div id="slidemenu">
  <ul>[*]First Level - I
	[*]First Level - II
	  <ul>
	[*]Second Level - I
		[*]Second Level - II
		[*]Second Level - III
	[/list]
	
	[*]First Level - III
	  <ul>
	[*]Second Level - IV
		[*]Second Level - V
		  <ul>
		[*]Third Level - I
			[*]Third Level - II
			[*]Third Level - III
		[/list]
		
		[*]Second Level - VI
	[/list]
	
	[*]First Level - IV[/list]
</div>
</body>
</html>

Ho lasciato i commenti, così qualcuno potrà correggermi il codice e renderlo più performante... funzica su IE, FF, e Opera8. Non ho provato con altri browsers. Ciao!

**13manuel84** · 17-10-2005, 12:21

perfetto!!!! grazie mille!!

Discussione: Menù gerarchico a cartelle

Strumenti discussione

Ricerca discussione

Visualizza

Menù gerarchico a cartelle

Permessi di invio