Avatar billede Rasmus Lund Nybegynder
31. maj 2006 - 00:24 Der er 11 kommentarer og
2 løsninger

hjemmeside menu

Jeg vil gerne lave en menu, der ligner den man kan finde på: www.au.dk
Er der nogen, der kender en god tutorial?
Avatar billede tdafoobar Nybegynder
31. maj 2006 - 02:08 #1
AU ser ud til at være buggy lige nu...
Avatar billede Rasmus Lund Nybegynder
31. maj 2006 - 02:17 #2
hmmm... underligt - den virker fint hos mig.
Avatar billede tdafoobar Nybegynder
31. maj 2006 - 02:24 #3
så virker den igen :p

Det er jo bare en simple dropdown menu , som bruger skjul/vis :-)
prøv dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title> Standard HTML dokument </title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    <script type="text/javascript">
   
      function skjul(elm)
      {
        var e = document.getElementById(elm);
        e.style.display = "none";
      }

      function vis(elm)
      {
        var e = document.getElementById(elm);
        e.style.display = "block";
      }

    </script>
  </head>
  <body>
    <div>
   
    <div id="textbox">hejhej</div>
    <button onclick="skjul('textbox')">skjul tekst</button>
    <button onclick="vis('textbox')">vis tekst</button>

    </div>
  </body>
</html>

Og se om du kan gætte dig lidt frem herefter. Google har en del tutorials, men det er svært at finde nogle som er specifikke nok, det hele handler stort set bare om de 2 funktioner den lille stump kode her viser.
Avatar billede mclemens Nybegynder
31. maj 2006 - 08:40 #4
Det er ikke kun vis/skjul - den kollapser også tidligere menu...
- legede med noget "der hen ad" i denne http://www.eksperten.dk/spm/692510
Avatar billede Rasmus Lund Nybegynder
31. maj 2006 - 13:15 #5
fint - tak for hjælpen. lav et svar
Avatar billede mclemens Nybegynder
31. maj 2006 - 13:58 #6
[ fint - tak for hjælpen. lav et svar ]
Ikke helt sikker på hvem der skal lægge et?
Afvis dette hvis du mente tdafoobar...
Avatar billede tdafoobar Nybegynder
31. maj 2006 - 14:01 #7
At kollapse er nu også bare vis/skjul :)

Jeg ligger også lige et svar, så kan vi evt. dele :p
Avatar billede mclemens Nybegynder
31. maj 2006 - 14:06 #8
[ At kollapse er nu også bare vis/skjul :) ]
- Helt enig, der skal dog lidt mere kontrol på hoved menuer - undermenuer
for at teste om den tidligere hovedmenu skal kollapses og en ny skal åbnes...

[ Jeg ligger også lige et svar, så kan vi evt. dele :p ]
- Er også frisk på en deler uanset hvilken du vælger :)
Avatar billede mclemens Nybegynder
31. maj 2006 - 14:07 #9
Avatar billede tdafoobar Nybegynder
31. maj 2006 - 14:08 #10
lidt sjov måde det er gjort på I det spørgsmål.

Da meget nemmere at bruge <ul> og <li> elementer :-)

<ul>
  <li>hovedmenu1
  <ul>
  <li>undermenu1</li>
  <li>undermenu2</li>
  </ul>
  </li>
  <li>hovedmenu2</li>
</ul>

og så arbejde med dem herefter :) Så er der også nemmere at loopse elementerne igennem for at collapse.
Avatar billede Rasmus Lund Nybegynder
31. maj 2006 - 14:13 #11
tak tak - Jeg tror nok I begge har fået points nu... ellers må I lige finde ud af det indbyrdes!
Avatar billede tdafoobar Nybegynder
31. maj 2006 - 14:14 #12
jo, du har givet korrekt nok. Mange tak :)
Avatar billede mclemens Nybegynder
31. maj 2006 - 17:36 #13
- takker for point :)
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