Avatar billede sthen Nybegynder
13. september 2002 - 15:15 Der er 12 kommentarer og
1 løsning

Fjerne "skygge" på checkbox.

På et <INPUT>-felt kan man fjerne skyggen med
<INPUT TYPE=TEXT NAME="noget" STYLE="border: none;">

Hvordan gør man med en checkbox (eller for den sags skyld en radio-button).

Har fundet en del løsninger her på Eksperten om hvordan man IKKE kan gøre, men ingen forklaring på hvordan det gøres.

Point gives for en løsning der fungerer.
Avatar billede neteffect Nybegynder
13. september 2002 - 15:28 #1
Kigger med, men jeg tror desværre ikke det kan gøres med standard CSS 2
Avatar billede sthen Nybegynder
13. september 2002 - 15:34 #2
Behøver ikke nødvendigvis at være en CSS løsning.
Kan det løses med JS eller PHP er det da OK for mig.
Avatar billede ztyxx Nybegynder
13. september 2002 - 15:36 #3
<INPUT TYPE=TEXT NAME="noget" STYLE="border-width: 0px;">
Avatar billede ztyxx Nybegynder
13. september 2002 - 15:43 #4
Avatar billede sthen Nybegynder
13. september 2002 - 16:04 #5
>>ztyxx

Hvis du læste hvad jeg skrev, kunne jeg GODT løse problemet med et INPUT-felt.

Spørgsmålet gik på, hvordan jeg løste det for en CHECKBOX.
Avatar billede jakoba Nybegynder
13. september 2002 - 16:05 #6
<a href="#" onclick="return klikCheckboks( 'billednavn', 'feltnavn' );"><img name="billednavn" src="ukikket.gif" border='0'></a>
<input name='feltnavn' type='hidden'>

og oppe i head laverd du lidt java script:

<script type='text/javascript'> <!-- // grafisk lavet checkboks

function klikCheckboks( imgStr, fldStr ) {
    var pic = document.images[ imgStr ];
    if ( ! pic ) {
        alert( "Ukendt billede: '" +imgStr +"'." );
        return false;
    }
    if ( pic.tjekket ] {
        pic.src="uklikket.gif";  // fjern klikmark
        pic.tjekket = false;
    } else {
        pic.src="kikket.gif"    // sæt klikmark
        pic.tjekket = true;
    }
    document.forms[0].elements[ fldStr ].value = pic.tjekket;
    return false;  // undgå at linkets href= attribut bliver aktiveret
}; //end klikCheckboks( string, string ) -> false

// --> </script>

mvh JakobA
Avatar billede jakoba Nybegynder
13. september 2002 - 16:07 #7
Ups.  kikket  skal være  klikket  et par steder
Avatar billede sthen Nybegynder
13. september 2002 - 16:19 #8
Jeg kan godt følge dig, men er bange for at det bliver lidt bøvlet, da jeg får mange checkboxe under hinanden - fremstillet af en MySql_array.

Checkboxene bliver herefter navngivet med "navn[]", da jeg bagefter kører et array på værdierne fra VALUE feltet v.hj.a.:

<?php

$arr_count = count($arrangementer);
sort($arrangementer,SORT_NUMERIC);
$print .= "<b>Følgende arrangementer er valgt:</b><br />";
for ($i=0; $i < $arr_count; $i++) {
    if ($i+1 != $arr_count) {
        $print .= $arrangementer[$i] . ", ";
    } else {
        $print .= $arrangementer[$i];
    }
}

echo $print;

?>
Avatar billede sthen Nybegynder
13. september 2002 - 16:22 #9
Men sagt på en anden måde:

Ved du om det er muligt at fjerne INSET effekten på en checkbox v.hj.a. CSS?
Det er OK hvis det kun fungerer i IE.
Avatar billede jakoba Nybegynder
13. september 2002 - 17:00 #10
Det er svært at sige authoritativet "nej det er umuligt", men jeg mener at huske problemet har været oppe før, uden at få en pålidelig løsning.

mvh JakobA
Avatar billede hb5v6 Nybegynder
13. september 2002 - 17:02 #11
du kan lave det sådan;
<input type="checkbox" name="C1" value="ON" style="border: 1px solid #000000">

jeg ved du kan gøre så der indre også er væk, men kan ikke huske det :(
Avatar billede sthen Nybegynder
13. september 2002 - 17:27 #12
>> jacoba
Som jeg også startede med at skrive HAVDE jeg ledt Ekspertens db godt igennem for mulige løsninger uden at finde svar, men der sker jo hele tiden nyt, så derfor spørgsmålet.

Men tak for forsøget.

>> hb5v6
Den holder ikke vand.
Avatar billede sthen Nybegynder
17. september 2002 - 00:04 #13
Den kan åbenbart ikke løses, så jeg lukker igen.
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