Avatar billede withli Nybegynder
10. august 2003 - 18:01 Der er 7 kommentarer og
1 løsning

Alternative Checkboxes med CSS

Jeg kunne godt tænke mig at lave mine checkboxes til sådanne to små giffer jeg selv laver, via CSS. Men hvor skal man fortælle browseren hvilke giffer der skal benyttes som henholdvis Checked og ikke checked checkboxes.
Avatar billede roenving Novice
10. august 2003 - 18:04 #1
<img src="unchecked.gif" onclick="if(this.src.indexOf('unchecked')>-1)this.src='checked.gif';else this.src='unchecked.gif'" width="18" height="18">
Avatar billede withli Nybegynder
10. august 2003 - 18:06 #2
Er der ikke en metode til at stadig få lov til at kalde dem

<input type="checkbox" checked>

Og så i et Css erklære at en checkbox er af typen image med et url?
Avatar billede roenving Novice
10. august 2003 - 18:07 #3
Nej !-)
Avatar billede withli Nybegynder
10. august 2003 - 18:18 #4
Æv, trist, det havde jeg ellers lige håbet på, hmmmm men takker for hjælpen anyway :)
Avatar billede withli Nybegynder
10. august 2003 - 18:20 #5
Sikke noget skidt, jeg havde forestillet mig at jeg ville gøre det med scripting men jeg havde håbet at de var defineret i noget CSS.
Tough luck
Avatar billede roenving Novice
10. august 2003 - 18:23 #6
Det her virker nu også ganske godt, men hvis du skal bruge værdien må du opbevare den et andet sted, da den jo ikke vil blive sendt med formen:

<input type="hidden" name="check1" value="false">
<img src="unchecked.gif" onclick="if(this.src.indexOf('unchecked')>-1){this.src='checked.gif';document.forms[0].check1.value="true";} else {this.src='unchecked.gif';document.forms[0].check1.value="false";}" width="18" height="18">
Avatar billede withli Nybegynder
10. august 2003 - 18:29 #7
Yup, way ahead of you :)

Men da der er omkring 12 checkboxes, har jeg smidt den op i en funktion der griber navnet på billedet som kalder, og skriver den ind i et hidden felt med det samme navn.
Avatar billede withli Nybegynder
12. februar 2004 - 16:44 #8
Svarer lige her for at rydde op i mit point regnskab
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