Log In
Home
December 26, 2003
Offline
Jag vill ha en enkel tree menu. när sidan laddas, ska undermenyerna kolapsa (borde gå med css, eller hur?). När jag klickar på ett menyval, så ska undermenyn öppnas eller stängas (måste göras med javascript, eller hur?). Det måste funka med alla vanliga webbläsare (ie, mozilla, netscape, safari...)
Snälla hjälp mig med javascriptet... (Jag tror man måste använda GetElementById, men jag vet inte riktigt hur man gör...)
Här är HTML-koden jag vill använda:
<ul>
[*]main menu item 1
<ul id="submenu1">
[*]sub menu item 1
[*]sub menu item 2
[/list] [*]main menu item 2
<ul id="submenu2">
[*]sub menu item 1
[*]sub menu item 2
[/list] [/list]
January 21, 2003
Offline
<script>
function VisaMeny(Meny) {
if (Meny.style.display == "none") {
Meny.style.display = "inline";
}
else {
Meny.style.display = "none";
}
}
</script>
</head>
<body>
<div onClick="VisaMeny(under1)">Menyrad</div>
<span id="under1" style="display:none;">
Undermeny
</span>
Exempel 2:
<script>
function VisaMeny(Meny) {
if (Meny.style.display == "none") {
Meny.style.display = "inline";
}
else {
Meny.style.display = "none";
}
}
</script>
<table border="0">
<td bgcolor="#dddddd"><div onClick="VisaMeny(under1)">Tillbehör</div></td>
</table>
<span id="under1" style="display:none;">
<table bgcolor="#dddddd" bordercolor="SteelBlue" border="1" cellpadding="2" cellspacing="0">
<td>Motordelar
Lackering
</td>
</span>
</table>
<table border="0">
<td bgcolor="#dddddd"><div onClick="VisaMeny(under2)">Bilsport</div></td>
</table>
<span id="under2" style="display:none;">
<link rel="stylesheet" href="mall.inf" type="text/css">
<table bgcolor="#dddddd" bordercolor="SteelBlue" border="1" cellpadding="2" cellspacing="0">
<td>Motordelar
Lackering
</td>
</span>
</table>
December 26, 2003
Offline
Zeth: Tack! Precis det här jag var ute efter. Synd bara att det inte fungerar i Firefox... 🙁
Det fungerar däremot bra i IE och Opera.
December 26, 2003
Offline
Har fått det att funka nu (även för firefox), tack vare inspiration från zeth och kod från Dreamweaver MX 🙂
http://ullvitorget.koping.se/~.....ubmenutest
2 Guest(s)
