RipipipMedlem sedan okt. 200814 inlägg 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!
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.
RipipipMedlem sedan okt. 200814 inlägg Tack, börjar ana hur det ska vara antar jag. Men fortfarande blir det ju inte helt rätt..
RipipipMedlem sedan okt. 200814 inlägg Snälla kan inte nån förklara lite mer. Det jag kan se på din sida är ju hela scriptet.... Snälla
bossseMedlem sedan juni 2003772 inlägg Sök på Google med orden "trädmeny" eller "tree menu" eller "expand menu"
Några exempel finns HÄR och HÄR. Dessa exempel är dock lite avancerade.
bossseMedlem sedan juni 2003772 inlägg 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>
RipipipMedlem sedan okt. 200814 inlägg Tack så väldigt mycket nu är det äntligen avklarat :)
