Oprettet fre. d. 28. oktober 2011 kl. 14:57:37

Christian_Bundgaard
Christian_Bundgaard (1.775 point. Point ude: 800)
www.focusonit.dk

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

Skrevet fre. d. 28. oktober 2011 kl. 15:07:20| #1

olebole
olebole (214.613 point)
<ole>

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

/mvh
</bole>

Skrevet fre. d. 28. oktober 2011 kl. 15:10:02| #2

#1

Nope, wrong, wrong, wrong. Der mangler en if, der hvor du vil slette, olebole.

Skrevet fre. d. 28. oktober 2011 kl. 15:14:17| #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()

Skrevet fre. d. 28. oktober 2011 kl. 15:42:20| #4

olebole
olebole (214.613 point)
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()">



Skrevet fre. d. 28. oktober 2011 kl. 15:53:02| #5

Igen mange tak til dig Ole! Du hjælper mig altid ;)

Det der virkede perfekt. Smid et svar hvis du vil have point ;)

Skrevet fre. d. 28. oktober 2011 kl. 16:01:15| #6

olebole
olebole (214.613 point)
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

Skrevet fre. d. 28. oktober 2011 kl. 16:03:55| #7

olebole
olebole (214.613 point)
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  =)

Skrevet fre. d. 28. oktober 2011 kl. 23:27:42| #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 :)

Skrevet fre. d. 28. oktober 2011 kl. 23:41:59| #9

olebole
olebole (214.613 point)
Selvtak  =)

Skriv et indlæg




Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] [img]link til billede[/img]
Web- og emailadresser omdannes automatisk til links

Log ind

   

   

Seneste spørgsmål

Hjælp til validering

Oprettet den 26. maj 2012 kl. 14.01
Stefan1 giver 20 point for svar | Giv et svar »

Javascript sliders?

Oprettet den 24. maj 2012 kl. 11.29
NizeGuy giver 15 point for svar | Giv et svar »

Validere navn i form

Oprettet den 22. maj 2012 kl. 15.13
13thsky giver 60 point for svar | Giv et svar »



   




Tips & Tricks fra PC World

Teaser billede

Læserne: Her er vores værste it-indkøb

Det er ikke al it-udstyr, som er det rene guld. Her er nogle af læsernes skrækhistorier.


Anmeldelser fra PC World

Teaser billede

Test: Mobil med Ferrari-design - og en Trabant-motor

Motorola har begået endnu en smartphone med lækkert design og potentiale til at være blandt de bedste. Men den når ikke i mål. Se her hvorfor.


Seneste blogindlæg

Teaser billede

Tvangslukke spørgsmål: Hvad er den bedste løsning?

Hej Vi har mange åbne spørgsmål på Eksperten. Vi ville gerne tvangslukke dem - så et spørgsmål efter f.eks. 6 måneder lukkes. Men der er et par uklarheder som ville være gode at få lidt input til:...


Nyheder fra PC World

Teaser billede

Sådan siger du farvel til Facebook

Læs her, hvordan du dropper Facebook og i stedet anvender nogle brugervenlige alternativer, så du stadig kan være social på nettet.


Nyheder fra Computerworld

Teaser billede

Galleri: De fedeste håndholdte gennem 40 år

Her har du de mest banebrydende håndholdte computere gennem alle tider.


Kurser
Samarbejdspartnere

Udgiver · © 2012 IDG Danmark A/S · Hørkær 18 · 2730 Herlev · Tlf.: 77 300 300 · Fax: 77 300 301 · Brug af personoplysninger