Enkel tree menu med html och js|Programmering / Grafisk formgivning|Forum|Nordichardware

Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
Lost password?
The forums are currently locked and only available for read only access
sp_Feed sp_TopicIcon
Enkel tree menu med html och js
zcorpan
Kommer du hit ofta?
Medlem
Forum Posts: 848
Member Since:
December 26, 2003
sp_UserOfflineSmall Offline
1
June 17, 2004 - 2:18 pm
sp_Permalink sp_Print

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]
zeth
Kommer du hit ofta?
Medlem
Forum Posts: 555
Member Since:
January 21, 2003
sp_UserOfflineSmall Offline
647028
June 17, 2004 - 2:49 pm
sp_Permalink sp_Print
<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>
zcorpan
Kommer du hit ofta?
Medlem
Forum Posts: 848
Member Since:
December 26, 2003
sp_UserOfflineSmall Offline
647208
June 17, 2004 - 7:41 pm
sp_Permalink sp_Print

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.

zcorpan
Kommer du hit ofta?
Medlem
Forum Posts: 848
Member Since:
December 26, 2003
sp_UserOfflineSmall Offline
647256
June 17, 2004 - 8:22 pm
sp_Permalink sp_Print

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

Forum Timezone: Europe/Stockholm
Most Users Ever Online: 1030
Currently Online:
Guest(s) 444
Currently Browsing this Page:
2 Guest(s)
Top Posters:
Andreas Galistel: 16287
Jonas Klar: 15897
ilg@dd: 10810
Nyhet: 10607
Mind: 10550
Ctrl: 10355
Gueno: 9881
Guest: 9344
Snorch: 8881
Callister: 8468
Newest Members:
PetrbonFU PetrbonFU
Karine Bembry
Dolores Mcdaniels
Anibal McLeish
Francisca Alt
Alfie Everhart
Lester Huitt
Orlando Jorgensen
Mikki Lundgren
Dakota Kozlowski
Forum Stats:
Groups: 11
Forums: 59
Topics: 146630
Posts: 1300967

 

Member Stats:
Guest Posters: 2
Members: 79425
Moderators: 0
Admins: 11
Administrators: nordicadmin, Henrik Berntsson, Anton Karmehed, Carl Holmberg, Joel Oscarsson, Mikael Linnér, Mikael Schwartz, Andreas Paulsson, Nickebjrk, Mattias Pettersson, EmxL