CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

lazio23 Nybegynder

13. november 2001 - 13:38 Der er 9 kommentarer og
2 løsninger

checkbox

Jeg skal bruge en checkbox med baggrundsfarve og uden 3d effekten.

Dette dur ikke!!

<input type=\"checkbox\" name=\"Tjek2\" style=\"border:0; width:15; height:15; background-color:#7B9FC3;>

Hvad skal jeg gøre!

Synes godt om

nikolajdu Nybegynder

13. november 2001 - 13:41 #1

Du kan ikke ændre baggrundsfarven i en checkbox.

Synes godt om

wolla3 Nybegynder

13. november 2001 - 13:45 #2

OK, men hvad så med 3d effekten, den kan vel tages væk, eller hvad?

Synes godt om

nikolajdu Nybegynder

13. november 2001 - 13:48 #3

Mener du 3D indeni eller udenpå??

Har lavet lidt der kan trylle lidt forskellige frem, men alle bibeholder 3D effekten indeni.

<html>
<head>
<title></title>
<style>
body {background-color:#666666}

.tjekket1 {border-style: dotted; border-width: 0px; border-color: #ff9900; background-color: #ff0000;}
.tjekket2 {border-style: dotted; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket3 {border-style: dotted; border-width: 3px; border-color: #ff9900; background-color: #ff0000;}
.tjekket4 {border-style: dotted; border-width: 4px; border-color: #ff9900; background-color: #ff0000;}
.tjekket5 {border-style: dotted; border-width: 5px; border-color: #ff9900; background-color: #ff0000;}
.tjekket6 {border-style: dotted; border-width: 6px; border-color: #ff9900; background-color: #ff0000;}
.tjekket7 {border-style: solid; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket8 {border-style: none; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}
.tjekket9 {border-style: groove; border-width: 2px; border-color: #ff9900; background-color: #ff0000;}

.check {
background-color : #e9e9e9;
border : 3px solid;
border-bottom : 1px solid Gray;
border-top : 1px solid Silver;
border-left : 5px solid Silver;
border-right : 5px solid Gray;
}
</style>

</head>

<body>
<form name=\"f\">

<input type=\"checkbox\" value=\"hej\" class=\"tjekket1\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket2\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket3\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket4\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket5\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket6\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket7\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket8\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"tjekket9\">bøh
<input type=\"checkbox\" value=\"hej\" class=\"check\">bøh

<input type=\"checkbox\" style=\"background-color:blue\" onMouseover=\"this.style.backgroundColor=\'#ff0000\'\" onMouseout=\"this.style.backgroundColor=\'#ffffff\'\">

<input type=\"checkbox\" name=\"billede\" value=\"check me\" style=\"background-image:URL(2.jpg);\">

<input type=\"checkbox\" style=\"zoom:3\">

<input type=\"checkbox\" onFocus=\"this.blur();\" style=\"background-color:lime;\" onClick=\"if (this.style && !this.checked) this.style.backgroundColor = \'lime\'; else if (this.style && this.checked) this.style.backgroundColor = \'red\';\">

<input type=\"checkbox\" checked style=\"background-color:#CCff99\">

</form>

</body>
</html>

Synes godt om

wolla3 Nybegynder

13. november 2001 - 13:51 #4

tak, det var noget af det jeg skulle bruge!

Synes godt om

callesen Praktikant

13. november 2001 - 13:51 #5

Men du kan snyde:
Lav en billedfil - fx. en gif på 11x11px sådan som du vil ha\' den checkbox til at se ud. Denne billedfil skal ved klik aktiverer så din rigtige checkbox, som du gør usynlig. Det ser sådan ud i en hel HTML-fil:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<HTML>
<HEAD>

<TITLE>Radio Bottom</TITLE>
<META NAME=\"Generator\" CONTENT=\"Stone\'s WebWriter 3\">
<style>
.submit
{
background: transparent;
border: 0px;
color: #000000;
}
</style>
</HEAD>
<BODY>style=\"display:none\" - sættes ind i checkboksen for at gøre den usynlig
<form>

<input TYPE=\"checkbox\" name=\"ib\" onchange=\"this.form.bo.value=this.value\">
<BR><BR>
<button class=\"submit\" onclick=\"this.form.ib.click();\"><A onclick=\"\"><IMG SRC=\"../Diverse_layout/img/close_up.gif\" BORDER=\"0\" WIDTH=\"11\" HEIGHT=\"11\" ALIGN=\"bottom\" ALT=\"\"></A></button>

</form>

</BODY>
</HTML>

Så mangler du bare en billedfil mere med et flueben, som vises ved klik. Men der skal vi lige have hjælp af en hardcore javascripter.

Synes godt om

nikolajdu Nybegynder

13. november 2001 - 13:54 #6

Netop som callesen skriver. Så er dit alterbativ til at kunne \"farve og fjerne 3d\" i checkboxe netop at lave et billede.

Synes godt om

nikolajdu Nybegynder

13. november 2001 - 13:59 #7

eller prøcist 2 billeder :-)

Synes godt om

nikolajdu Nybegynder

13. november 2001 - 14:12 #8

I øvrigt skal du nok lige afmelde din ene bruger. Det ser meget lidt pænt ud.

Synes godt om

wolla3 Nybegynder

13. november 2001 - 14:33 #9

I skal jo lige lave et svar, så I kan på point

Synes godt om

nikolajdu Nybegynder

13. november 2001 - 14:48 #10

Tror nok lige du skulle skifte bruger og afmelde den anden du har.

Synes godt om

callesen Praktikant

13. november 2001 - 14:48 #11

Her et svar; men hvis nikolajdu kan lave scriptet færdigt så man skifter mellem to billeder, bør han ha\' pointene.

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Variabler som ikke virker Af Frits Jensen i HTML	2	30/10/202409:37	30/10/202413:04
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	2	29/09/202410:58	30/09/202412:04
Bredde på div elementer Af dane022 i HTML	2	16/02/202408:29	20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML	2	21/12/202322:51	22/12/202308:03
validering <input tlfnr. Af slein55 i HTML	5	15/10/202311:43	15/10/202314:51

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS