Avatar billede klasker Nybegynder
10. december 2002 - 15:13 Der er 18 kommentarer og
1 løsning

Undermenu'er

Først og fremmest: Jeg er ny til Java Script.

Jeg kunne godt tænke mig at lave en menu/oversigt over min hjemmeside hvor kan trykke på en af enhederne på menuen så den "åbnes", og dens undermenuer kommer til syne under den.
Undermenuerne er links der fører over til en anden frame.

Kan dette lade sig gøre med Java Script??
Hvis ja, forklare mig hvordan?
Avatar billede sthen Nybegynder
10. december 2002 - 15:29 #1
Avatar billede Slettet bruger
10. december 2002 - 15:48 #2
En meget simplere løsning ses her:
http://www.eksperten.dk/spm/242645
Og så må jeg igen henvise til den meget flottere, men også betydeligt mere avancerede:
http://www.dansteinman.com/dynduo/en/collapsemenu.html
Avatar billede pelkjaer Nybegynder
10. december 2002 - 15:49 #3
Avatar billede Slettet bruger
10. december 2002 - 16:30 #4
pelkjaer>> Min er også CSS baseret! :)
Avatar billede thb Nybegynder
10. december 2002 - 16:36 #5
den simple (http://www.eksperten.dk/spm/242645) kan man ikke lave så hvis en menu går ud, så går alle ind... ???

Thomas
Avatar billede Slettet bruger
10. december 2002 - 16:43 #6
Jo sagtens:

<script>
foer = null;

function fold(id) {
obj = (document.getElementById) ? document.getElementById(id) : document.all[id];
obj.style.display = (obj.style.display == "none") ? "block" : "none";
if (foer && foer != obj)
foer.style.display = "none";
foer = obj;
}
</script>

Ved hvert menupunkt:

<a href="#" onClick="fold('minDiv1'); return false;">Fold nr. 1</a><br>
<div id="minDiv1" style="display: none;">
Bla bla bla
</div>
Avatar billede klasker Nybegynder
10. december 2002 - 16:48 #7
Øhm... Jeg skrev "lave". Ikke "download" eller "copy/paste". :)

Hvis nogen lige gider forklare hvad følgende funktioner/egenskaber gør så ville det være fedt...
document. getElementById  (hvad returnerer denne? en boolean?!?)
style.display    (aner ikke hvad dette er...)
<div    (jeg ser denne overalt.  Hvad gør den?)
Avatar billede klasker Nybegynder
10. december 2002 - 16:49 #8
Forresten: Hvad er css?
Avatar billede Slettet bruger
10. december 2002 - 16:54 #9
Og jeg "lavede" en kode til dig...

document.getElementById returnerer et objekt ud fra en id. Virker i de nye DOM-browsere.
div er et lag. Meget nyttigt.
CSS er stylesheets. Uundværligt, hvis man vil lave ordentlige hjemmesider.
style.display ændrer eller aflæser elementets synlighed.
Avatar billede klasker Nybegynder
10. december 2002 - 16:59 #10
obj = (document.getElementById) ?
Her bruges document.getElementById som en boolean.
Eller er det mig der ikke har forstået "(boolean)? true:false" operatoren korrekt?
Avatar billede Slettet bruger
10. december 2002 - 17:01 #11
Dér tjekker jeg kun, om funktionen findes.
Avatar billede thb Nybegynder
10. december 2002 - 17:02 #12
phoenixv > Mange tak... :)
Avatar billede klasker Nybegynder
10. december 2002 - 17:03 #13
Aha!
Nå men hvor kan jeg læse noget om de der... <DIV> ting der?
Avatar billede Slettet bruger
10. december 2002 - 17:04 #14
Avatar billede Slettet bruger
10. december 2002 - 17:05 #15
Hvad mente du i øvrigt med din kommentar 10/12-2002 16:48:14?
Avatar billede pelkjaer Nybegynder
10. december 2002 - 17:42 #16
phoenixv>>Sorry - havde slet ikke kigget :)
Avatar billede klasker Nybegynder
11. december 2002 - 14:51 #17
Det jeg mente var at jeg kunne jo sagtens copy/paste et script ind i min HTML side og så ville min side virke.
Men hvis jeg ikke aner hvordan scriptet hænger sammen eller kender nogle af de brugte funktioner så kan jeg jo ikke bruge det til særligt meget kan jeg?
Avatar billede Slettet bruger
11. december 2002 - 16:10 #18
Jo, din side vil virke. Tusindvis af webdesignere brugere JavaScript på deres side uden at ane det ringeste om, hvordan scriptet er opbygget. Men jeg er enig med dig i, at det er godt at vide, hvad scriptet gør.
Under alle omstændigheder er "lave" ikke det samme som "forklar grundigt linje for linje".
Avatar billede Slettet bruger
11. december 2002 - 16:11 #19
brugere = bruger
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester