Avatar billede Christian_Bundgaard Nybegynder
28. oktober 2011 - 14:57 Der er 8 kommentarer og
1 løsning

Dropdown med form indeni

Hejsa

Jeg har lavet en simpel dropdown i JS/CSS. Problemet er dog, at der skal være nogle checkboxes inde i denne dropdown, så hver gang man klikker på en af dem, så lukkes dropdown boksen.

Hvordan forhindrer man dette? :) Altså: Hvordan gør man sådan, at dropdown boksen IKKE lukker, når man klikker? :)

På forhånd tak ;)

Med venlig hilsen
Christian
Avatar billede olebole Juniormester
28. oktober 2011 - 15:07 #1
<ole>

Du sletter bare linje 32 i din kode. Så vil jeg mene, det skulle virke  *o)

/mvh
</bole>
Avatar billede michael_stim Ekspert
28. oktober 2011 - 15:10 #2
#1

Nope, wrong, wrong, wrong. Der mangler en if, der hvor du vil slette, olebole.
Avatar billede Christian_Bundgaard Nybegynder
28. oktober 2011 - 15:14 #3
Nå I fandt selv koden. Den havde jeg ikke lige regnet med ;)

Men når det endelig er, så kom jeg til at formulere mig forkert - det er ikke mig selv, der har lavet det, noget jeg fandt engang. Det kunne jeg selvfølgelig nok godt nu, bare ren dovenskab :)

Men hvis I vil se det, så er det på www.focusonit.dk/artikler.php ved kategorier.

Tak for hjælpen I to - men hvad I alverden mener I, nu er jeg stået af... er linje 32 ikke starten på en function?

function mcancelclosetime()
Avatar billede olebole Juniormester
28. oktober 2011 - 15:42 #4
Du kunne lave menuen uden JS (CSS med :hover) - eller du kan prøve at dræbe eventen med:


<form method="post" action="" onclick="event.cancelBubble=true;if(event.stopPropagation)event.stopPropagation()">


Avatar billede Christian_Bundgaard Nybegynder
28. oktober 2011 - 15:53 #5
Igen mange tak til dig Ole! Du hjælper mig altid ;)

Det der virkede perfekt. Smid et svar hvis du vil have point ;)
Avatar billede olebole Juniormester
28. oktober 2011 - 16:01 #6
Ellers tak, du svarer selv - as usual  *o)

Btw: event.cancelBubble=true virker i IE - event.stopPropagation() virker i resten.

'De andre' browsere understøtter også event.cancelBubble, men her betyder den noget andet. Vi behøver ikke at spørge på, om den understøttes, da det ikke skader at sætte den til true i disse browsere
Avatar billede olebole Juniormester
28. oktober 2011 - 16:03 #7
PS: Og de gør, at event'en ikke fortsætter op igennem elementhierakiet, men stopper ved formen. Elementer udenom formen 'mærker' derfor ikke klikket  =)
Avatar billede Christian_Bundgaard Nybegynder
28. oktober 2011 - 23:27 #8
Tak. Dejligt med en forklaring på det, så har jeg også lært lidt ;)

Det var dejligt, det var så nemt at få ordnet problemet :)
Avatar billede olebole Juniormester
28. oktober 2011 - 23:41 #9
Selvtak  =)
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