Avatar billede koppelgaard Praktikant
22. april 2013 - 20:20 Der er 17 kommentarer og
1 løsning

ul menu med underpunkter

Hej
Jeg har følgende ul menu i et asp.net projekt.
Jeg vil gerne dele linket "about" op i to sublinks.
Lad os kalde dem "about1" og "about2"
Sublinkene skal først være synlige, når der klikkes på about.
Jeg bruger html5.

Hvordan gør man?

 
<nav>
    <ul id="menu">                                 
        <li><a id="A1" runat="server" href="~/">Home</a></li>
        <li><a id="A2" runat="server" href="~/About">About</a></li>
        <li><a id="A3" runat="server" href="~/Contact">Contact</a></li>
     
    </ul>
</nav>
Avatar billede keysersoze Guru
22. april 2013 - 22:28 #1
Indsæt en placeholder med visible false og såfremt Url er lig Contact så sæt den til visible true - hvis jeg forstår dig korrekt... Det bør i hvert fald løses med .NET fremfor html/javascript.
Avatar billede koppelgaard Praktikant
23. april 2013 - 10:02 #2
Hej og tak for hjælp!
Jeg bliver nok nødt til at have lidt mere hjælp.
Jeg er ikke noget højt niveau endnu...håber det bliver bedre

<nav>
  <ul id="menu">
      <li><a id="A1" runat="server" href="~/">Forside</a></li>     
      <li><a id="A2" runat="server" href="~/Behandlinger">Behandlinger</a></li>
      <asp:PlaceHolder ID="PlaceHolder1" runat="server"> /asp:PlaceHolder>
    </ul>
</nav>

Jeg vil gerne have behandlinger har to underpunkter, der peger på h.h.v.
høfeber.aspx og
allergi.aspx

Jeg er nået til at indsætte placeholder, men herefter er jeg blank.
Avatar billede keysersoze Guru
23. april 2013 - 10:20 #3
så skal du komme dine links ind i den placeholder, sætte visible til false på placeholderen og så i din codebehind kigge på request.url for at identificere den ønskede side for at sætte visible til true.
Avatar billede koppelgaard Praktikant
23. april 2013 - 12:21 #4
Jeg er vist lidt tungnem.
Jeg er nået så langt.

<li><a id="A4" runat="server" href="~/Behandlinger">Behandlinger</a></li>
                                    <asp:PlaceHolder ID="PlaceHolder1" runat="server" Visible="False">
                                        <li><a id="A9" runat="server" href="~/høfeber">høfeber</a></li>
                                        <li><a id="A8" runat="server" href="~/allergi">allergi</a></li>
                                    </asp:PlaceHolder>
</li>

I og med at placeholderen er usynlig, kan der vel ikke rejses nogen click event på den? Og hvordan skal koden bagved så køres?
Avatar billede keysersoze Guru
23. april 2013 - 13:47 #5
Skrev du ikke at punkterne kun skulle vises på en bestemt underside? Så skal du i din page_load altid køre noget a la

if (Request.Url...) {
  placeholder1.visible == true;
}
Avatar billede koppelgaard Praktikant
23. april 2013 - 16:35 #6
Hej igen.
Prøv lige at gå ind på
http://www.groenneglimt.dk/
og kør musen hen over punktet
"havebesøg/haveplan"
Så kommer der 2 muligheder op:

havebesøg
og
haveplan

sådan vil jeg gerne have det :)
Avatar billede keysersoze Guru
23. april 2013 - 17:01 #7
Så det skal altså ske inden man klikker - så kig på disse kodeeksempler;

http://www.lateralcode.com/css-drop-down-menus/
http://css-snippets.com/drop-down-navigation/
Avatar billede koppelgaard Praktikant
24. april 2013 - 08:38 #8
Ja jeg skrev klikke før - undskyld.
Men tak for de MEGET fine lærerige eksempler.
De hjælpe på forståelsen.
Send endelig et svar.

På samme side http://www.groenneglimt.dk/ forsiden skifter billedet i toppen langsomt.
Jeg går ud fra det er et javascript, der gør det? Kender du en kodestup der kan gøre det?
Hvis du gør, vil jeg sætte et nyt 200 point spørgsmål op.
Avatar billede keysersoze Guru
24. april 2013 - 11:02 #9
De benytter nivo slider; http://dev7studios.com/nivo-slider/
Avatar billede koppelgaard Praktikant
24. april 2013 - 14:03 #10
Okay !
Kan det bruges sammen med .NET?
Avatar billede keysersoze Guru
24. april 2013 - 16:00 #11
Det er javascript og fungerer derfor uafhængigt af din serverside-teknologi.
Avatar billede koppelgaard Praktikant
24. april 2013 - 18:32 #12
super.
Jeg opretter et spørgsmål med point til dig.
Det kan eventuelt være at jeg vender tilbage med et spørgsmål.

Michael
Avatar billede koppelgaard Praktikant
24. april 2013 - 18:37 #13
lagt under programmering - java
Avatar billede keysersoze Guru
24. april 2013 - 21:44 #14
Det eneste java og javascript har til fælles er de fire første bogstaver i navnet.

Behold du bare de point.
Avatar billede koppelgaard Praktikant
24. april 2013 - 22:11 #15
Ja jeg ved det egentlig godt. Men så var da den fælles ting - de 4 bogstaver altså. Hvor skulle jeg have sat den?
Avatar billede koppelgaard Praktikant
24. april 2013 - 22:11 #16
Jeg beholder point :)
Avatar billede keysersoze Guru
25. april 2013 - 11:54 #17
Avatar billede koppelgaard Praktikant
25. april 2013 - 15:45 #18
Selvfølgelig :)
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