R Ripipip Medlem sedan okt. 2008 14 inlägg Frågan 4 okt. 2008 08:28 #1 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
När man klickar på Husdjur ska det sen stå
Husdjur
Klickar man sedan på Städer ska det stå t.ex
Husdjur
-------=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.
R Ripipip Medlem sedan okt. 2008 14 inlägg Tack, börjar ana hur det ska vara antar jag. Men fortfarande blir det ju inte helt rätt..
R Ripipip Medlem sedan okt. 2008 14 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
B bossse Medlem sedan juni 2003 771 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.
B bossse Medlem sedan juni 2003 771 inlägg Ett något omarbetat som jag hade i min burk!
<!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>
R Ripipip Medlem sedan okt. 2008 14 inlägg Tack så väldigt mycket nu är det äntligen avklarat :)
