---
title: "Enkel meny"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/174517-enkel-meny"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Ripipip"
published: "2008-10-04T08:28:02.000Z"
updated: "2008-10-07T19:30:09.000Z"
replies: 6
views: 666
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/174517-enkel-meny"
---

# Enkel meny

## #1 — Ripipip, 2008-10-04T08:28Z

Håller på med en hemsida som ska ha en simpel meny till vänster med vanlig länkad text men det ska vara i grupper. Till exempel står det

Husdjur
Städer
Länder

När man klickar på Husdjur ska det sen stå

Husdjur
\---------Katter
\---------Hundar
\---------Fiskar
Städer
Länder

Klickar man sedan på Städer ska det stå t.ex

Husdjur
Städer
\--------Örebro
\--------Stockholm
\---------Malmö
Länder

\-------=tomt

Hoppas det var tillräckligt övertydligt Skulle verkligen uppskatta hjälp för enda sättet jag kan komma på att göra det i är att ha en helt ny sida för varje katagori... Var gärna övertydliga ni också för är väldigt ny i det hela   ;) Den som har svar på detta kommer bli älskad i all evighet!

Permalänk: https://www.webforum.nu/p/174517

## #2 — voigtann1, 2008-10-04T09:42Z

Jag gjorde en liten test för ett par månader sen med javascript:

<http://voigt.se/sandbox/treeview/>

Du kan kolla skriptet och se om det är något du kan använda dig av.

Permalänk: https://www.webforum.nu/p/2145247

## #3 — Ripipip, 2008-10-05T00:26Z

Tack, börjar ana hur det ska vara antar jag. Men fortfarande blir det ju inte helt rätt..

Permalänk: https://www.webforum.nu/p/2145306

## #4 — Ripipip, 2008-10-06T15:46Z

Snälla kan inte nån förklara lite mer. Det jag kan se på din sida är ju hela scriptet.... Snälla

Permalänk: https://www.webforum.nu/p/2148582

## #5 — bossse, 2008-10-06T19:00Z

Sök på Google med orden "trädmeny" eller "tree menu" eller "expand menu"

Några exempel finns [HÄR](http://www.visit.se/~wberg/Kockbokregister.htm) och [HÄR](http://www.upphandlingsguide.swedishtrade.se/Menu.aspx?objectID=690). Dessa exempel är dock lite avancerade.

Permalänk: https://www.webforum.nu/p/2148630

## #6 — bossse, 2008-10-06T20:11Z

Ett något omarbetat som jag hade i min burk!
kan det passa tro?

```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<title>Test</title>
<head>
<script type="text/javascript">
if (document.getElementById){
document.write('<style type="text/css">\n')
document.write('.submenu{display: none;position:relative; left:30px}\n')
document.write('</style>\n')
}
function SwitchMenu(obj){
	if(document.getElementById){
	var el = document.getElementById(obj);
	var ar = document.getElementById("masterdiv").getElementsByTagName("span");
		if(el.style.display != "block"){ 
			for (var i=0; i<ar.length; i++){
				if (ar[i].className=="submenu")
				ar[i].style.display = "none";
			}
			el.style.display = "block";
		}else{
			el.style.display = "none";
		}
	}
}
function savemenustate(){
var inc=1, blockid=""
while (document.getElementById("sub"+inc)){
if (document.getElementById("sub"+inc).style.display=="block"){
blockid="sub"+inc
break
}
inc++
}
var cookiename=(persisttype=="sitewide")? "switchmenu" : window.location.pathname
var cookievalue=(persisttype=="sitewide")? blockid+";path=/" : blockid
document.cookie=cookiename+"="+cookievalue
}
if (window.addEventListener)
window.addEventListener("load", onloadfunction, false)
else if (window.attachEvent)
window.attachEvent("onload", onloadfunction)
else if (document.getElementById)
window.onload=onloadfunction
if (persistmenu=="yes" && document.getElementById)
window.onunload=savemenustate
</script>
</head>
<BODY>
<div id="masterdiv">
	<div class="menutitle" onclick="SwitchMenu('sub1')">Husdjur</div>
	<span class="submenu" id="sub1">
		- <a href="katt.htm" target="mainmenu">Katter</a><br>
		- <a href="hund.htm" target="mainmenu">Hundar</a><br>
		- <a href="fisk.htm" target="mainmenu">Fiskar</a><br>
	</span>
	<div class="menutitle" onclick="SwitchMenu('sub2')">Städer</div>
	<span class="submenu" id="sub2">
		- <a href="örebro.htm" target="mainmenu">Örebro</a><br>
		- <a href="stockholm.htm" target="mainmenu">Stockholm</a><br>
		- <a href="malmö.htm" target="mainmenu">Malmö</a>
	</span>
	<div class="menutitle" onclick="SwitchMenu('sub3')">Länder</div>
	<span class="submenu" id="sub3">
		- <a href="sverige.htm" target="mainmenu">Sverige</a><br>
		- <a href="norge.htm" target="mainmenu">Norge</a><br>
		- <a href="finland.htm" target="mainmenu">Finland</a><br>
		- <a href="danmark.htm" target="mainmenu">Danmark</a><br>
	</span>
</BODY>
</HTML>
```

Permalänk: https://www.webforum.nu/p/2148646

## #7 — Ripipip, 2008-10-07T19:30Z

Tack så väldigt mycket nu är det äntligen avklarat :)

Permalänk: https://www.webforum.nu/p/2148794

---

Tråden på webben: https://www.webforum.nu/amne/html-css/174517-enkel-meny
