Avatar billede heyn Nybegynder
29. oktober 2004 - 13:42 Der er 5 kommentarer og
1 løsning

Begrænsning af lister.

Jeg har en side hvor der findes lister af links opdelt i flere kategorier i stil med "Antik" og "Medier".
For at begrænse sidens størrelse ønsker jeg at kun de 10 mest brugte links vises som standard. Brugeren kan så klikke på kategorien for at udvide listen så alle links bliver synlige.
Har nogle en ide til hvordan denne begrænsning/udvidelse skal klares?
Kan problemet måske bedre løses med andre scripsprog end css.
Avatar billede roenving Novice
29. oktober 2004 - 14:49 #1
Umiddelbart lyder det som om, det vil være nemmest at komme de 10 første i et element og så resten i et andet, og så sætte noget funktion til at vise/skjule på overskriften:

<span style="cursor:pointer;" onclick="st=document.getElementById('antik2');st.display=(st.display!='block')?'block':'none';">Antik</span>
<div id="antik1">
  <!-- de 10 første links -->
</div>
<div id="antik2" style="display:none;">
  <!-- de resterende links -->
</div>
Avatar billede heyn Nybegynder
31. oktober 2004 - 18:17 #2
Tak for svaret.
Af en eller anden grund virkede dit forslag ikke hos mig, men din ide med at bruge <span>, <div> og 'none'/'block' gav mig ideen til følgende løsning.
Tak skal du have.

<html>
<head>
<script LANGUAGE="JavaScript">
  function Display_List() {
      if ((document.getElementById('antik2').style.display == '') || (document.getElementById('antik2').style.display == 'none'))
      {
          document.getElementById('antik2').style.display = 'block';
      } else
      {
          document.getElementById('antik2').style.display = 'none';
      }
  }
</script>
</head>
<body
<span style="cursor:pointer;" onclick="Display_List();">Antik</span>
<div id="antik1">
<a href="www.dr.dk" title="Danmarks Radio">Danmarks Radio</a>
</div>
<div id="antik2" style="display:none;">
<a href="www.tv2.dk" title="TV2">TV2</a>
</div>
</body>
</html>
Avatar billede roenving Novice
01. november 2004 - 06:27 #3
Der er en fejl ...

<span style="cursor:pointer;" onclick="st=document.getElementById('antik2').style;st.display=(st.display!='block')?'block':'none';">Antik</span>
Avatar billede heyn Nybegynder
04. november 2004 - 06:21 #4
Tak skal du have (roenving).
Kan du forresten hjælpe mig med lidt begynderinfo?
Jeg er ny på Eksperten. Hvordan er det med disse point. Skal jeg godkende dit svar? Hhvordan? Når jeg ikke selv har flere point kan jeg så ikke stille flere spørgsmål før jeg har besvaret nogle selv?
Avatar billede roenving Novice
04. november 2004 - 10:42 #5
Du kan først godkende et svar, når det er lagt som svar, jeg havde i første omgang lagt det som kommentarer, da jeg godt ville være sikker på, at du havde fat i den rigtige ende, men nu lægger jeg et svar, da jeg kan se, at du har fat '-)

-- du kan f.eks. kigge på faq'en, som har en hel del info, som er nyttigt: http://expfaq.1go.dk
Avatar billede roenving Novice
01. december 2004 - 13:16 #6
-- og tak 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