[html] creare un menu ad albero genealogico...

**tigerjack** · 14-04-2012, 16:58

ciao,
come da topic...

esiste da qualche parte un esempio da prendere spunto? lo potrei fare in flash, ma ho bisogno che sia in HTML o XHTML....

grazie a tutti

tj

**carlomarangoni** · 14-04-2012, 17:44

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=utf-8" />
<title>Documento senza titolo</title>
<script type="text/javascript">
<!-- 
function mmenu(mID) {
	var menu = document.getElementById(mID);
	var display = menu.style.display;
	menu.style.display = (display == "block") ? "none" : "block";
	menu.parentNode.style.listStyleImage = (display == "block") ? "url(down.gif)" : "url(up.gif)";
}

window.onload = function() {
	var uls = document.getElementsByTagName("ul");
	for (i=0;i<uls.length;i++) {
		if(uls[i].className=="submenu")uls[i].style.display = "none";
	}
}
// end -->
</script>
<style type="text/css">
<!-- 

ul { 
	list-style: disc url(tri.gif);
	margin:0;padding:0 2em;
	}

li.menu {
	 list-style: square url(down.gif); 
	}
	
A:LINK { 
         text-decoration: none;
		 color: #660000;
 	}

A:VISITED { 
         text-decoration: none;
		 color: #660000;
	}	 
	
 A:HOVER { 

         text-decoration: none;
		 color: #ff0000;
	}	 
 -->
</style>
</head>

<body>
<ul>
<li class="menu"> Fare Web
	<ul class="submenu" id="submenu-1">[*] Cosa ti serve[*] Come fare a...		[*] Primi passi[*] Guida HTML[*] XHTML
	[/list]


<li class="menu">  Grafica Web
	<ul class="submenu" id="submenu-2">[*]Sfondi[*]Icone Decori[*]Immag. E-Mail[*]Immg. New[*]Immg. Costruzione[*]Immg. Bullets[*]Immg. Separatori[*]Immg. Guestbook[*]Immg. Pulsanti[*]Immg. Varie[*]Immg. Natale[*]Immg. Pasqua[*]Immg. Halloween[*]Immg. Scritte[*]Immg. Smileys
	[/list]
[/list]
</body>
</html>

**tigerjack** · 14-04-2012, 22:44

Ciao,
grazie per la risposta.

ho provato ad eseguire il codice ma non sono riuscito a farlo funzionare... mi mostri questo esempio online... dove posso vedere l'effetto che ha?

grazie e buon tutto

**tigerjack** · 14-04-2012, 22:53

voglio creare un menu di questo tipo...

uguale anche graficamente... con le linee che si collegano... tra una voce e l'altra..

ciao

**carlomarangoni** · 14-04-2012, 23:05

Come quello ho paura che ti dovrai arrangiare a cercarlo o a fartelo perchè non credo che qualcuno ci si metta a fartelo considerato il tempo che ci vorrebbe.

Però mai non dire mai può darsi che qualcuno ci si metta

**Vincent.Zeno** · 14-04-2012, 23:44

Originariamente inviato da tigerjack
voglio creare un menu di questo tipo...[IMG*]http://www.repeater-builder.com/motorola/msf/msf-rss-pics/menu-tree.jpg[/IMG]

uguale anche graficamente... con le linee che si collegano... tra una voce e l'altra..

ciao

per farlo come andrebbe fatto (liste non ordinate e css) c'è da diventare scemi

potresti valutare l'opzione area
http://www.w3schools.com/tags/tag_area.asp
non sarebbe un vero menu ma arriverebbe allo scopo

**tigerjack** · 15-04-2012, 00:04

ciao,
grazie per le risposte.

Vincent.Zeno, mi fai capire meglio l'esempio che mi hai suggerito?

grazie

**Vincent.Zeno** · 15-04-2012, 01:02

fai un'unica immagine di tutto e poi mappi le aree che vuoi linkare

per fare le mappe ti basta un editor html grafico: c'è sempre lo strumento apposito.
altrimenti so che ci sono tool online per fare la stessa cosa che restituiscono l'html necessario

nel link è chiaramente esemplificato

Discussione: [html] creare un menu ad albero genealogico...

Strumenti discussione

Ricerca discussione

Visualizza

[html] creare un menu ad albero genealogico...

Permessi di invio