Avatar billede hanshenp Nybegynder
17. juli 2003 - 20:03 Der er 14 kommentarer og
1 løsning

Grafik på checkbox

Jeg står og mangler et script, som gør det muligt at lægge grafik på en checkbox...

Noget i stil med opstillingen her... http://cubehosting.dk/cgi-bin/bestil.pl?hotelid=18&do=step2
Avatar billede cautoo Nybegynder
17. juli 2003 - 20:50 #1
Det er ikke en rigtig checkbox, men et billede der ændrer sig når man trykker på det
Avatar billede whatever Nybegynder
17. juli 2003 - 20:54 #2
Jeg har på et tidspunkt lavet et script, du kan se det her: http://efusion.it/exp/377215
Avatar billede satanic_raven Nybegynder
17. juli 2003 - 22:46 #3
Har også fået konstrueret et script som gør det samme, men det kan også skelne mellem dine valgmuligheder... Li'som på den side du henviser til...

Scriptet ligger her som opensource (kopier og sæt ind i et tomt dokument):

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

var num = 1

    function changeImg(target)
      {
        img = target

        if(num == 0)
            {
            num = 1;
            document[target].src = "check.gif";
            }
            else
            {
            num = 0;
            document[target].src = "cancel.gif";           
            }

        }

    function result()
        {
        if(num == 1)
            {
            alert('Du har valgt mulighed at sige ja!');
            }
        else
            {
            alert('Du har valgt mulighed at sige nej!');
            }

        }

</SCRIPT>
</HEAD>
<BODY>

1: <IMG SRC="check.gif" name="vaelg" border="0" onClick="java script:changeImg('vaelg')" style="cursor: hand"></A><BR>

<INPUT TYPE="Button" VALUE="Resultat" onClick="result()">
</BODY>
</HTML>


Håber at det var til hjælp...

S.R.
Avatar billede whatever Nybegynder
17. juli 2003 - 22:54 #4
Well, koden til mit script kommer her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> new document </title>
<script type="text/javascript">
<!--
    function checkbox (num,id) {
        if (num && id) {
            var img = document.getElementById('checkbox_'+num);
            var field = document.formular[id];
       
            if (field.value == 1) {
                field.value = 0;
                img.src = "checkbox_unchecked.gif";
            } else {
                field.value = 1;
                img.src = "checkbox_checked.gif";
            }
        }
    }
//-->
</script>
</head>

<body>
<form name="formular">

<img src="checkbox_unchecked.gif" id="checkbox_1" alt="Klik" onclick="checkbox(1,'felt')" />
<input type="hidden" name="felt" value="0" />

</form>
</body>
</html>


Billederne findes på:
http://www.efusion.it/exp/377215/checkbox_unchecked.gif
http://www.efusion.it/exp/377215/checkbox_checked.gif
Avatar billede hanshenp Nybegynder
18. juli 2003 - 00:24 #5
det ser brandgodt ud begge to...

er dog noget meget dårlig til javascript, holder mig normalt til php... Hvordan får jeg sendt en value med videre til et andet dokument?

Kunne forestille mig, at det var noget med at definere en <input type=hidden>, kan bare ikke se hvordan
Avatar billede satanic_raven Nybegynder
18. juli 2003 - 00:46 #6
Du tænker på når du skal sende informationen til en database eller lign???

S.R.
Avatar billede roenving Novice
18. juli 2003 - 01:17 #7
>>satanic_raven
-- kunne ikke lige lade være at grine lidt over den totale modsatrettethed i din besvarelse af spørgsmålet:

opensource som alene kan benyttes på windows-maskiner, som bruger Internet Explorer

*g*
Avatar billede satanic_raven Nybegynder
18. juli 2003 - 01:21 #8
Erhm... Det er rent javascript, hvilket er designet af Netscape...

Hvis skidtet kan køre i Netscape, kan det IMHO køre overalt...

S.R.
Avatar billede roenving Novice
18. juli 2003 - 01:38 #9
?-)

Så er der noget jeg ikke har forstået ...

For det eneste sted, jeg har set document[noget] defineret er som afart af document.all, som accepteres med en masse forskellige syntakser ...

Men jeg har selvfølgelig heller ikke prøvet på andet end IE, som jo æder hvadsomhelst !-)
Avatar billede satanic_raven Nybegynder
18. juli 2003 - 01:39 #10
[Citat]
Hvis skidtet kan køre i Netscape, kan det IMHO køre overalt...
[/Citat]

S.R.
Avatar billede roenving Novice
18. juli 2003 - 03:17 #11
-- og nu lykkedes det endeligt at få installeret mozilla, så jeg kan kunstatere at den ikke brokker sig !-)
Avatar billede satanic_raven Nybegynder
18. juli 2003 - 03:19 #12
??? Øhh... hvad mumler du om???

S.R.
Avatar billede sublimegirl Nybegynder
18. juli 2003 - 09:28 #13
Jeg vil bare lige nævne at min browser viser masser af scriptfejl prompts på http://cubehosting.dk/cgi-bin/bestil.pl?hotelid=18&do=step2
Avatar billede satanic_raven Nybegynder
18. juli 2003 - 16:03 #14
sublimegirl...

Den viser ingen fejl ved mig, tror at du har en browser indstilling som forhindrer noget af scriptet i at blive kørt korrekt, og modtager derfor en fejlmeddelelse...

Men nu var ?'et jo ikke om ovennævnte side virkede, men hvordan man lavede det med checkboxene...

S.R.
Avatar billede whatever Nybegynder
18. juli 2003 - 18:26 #15
hanshenp skrev:
> Hvordan får jeg sendt en value med videre til et andet dokument?

I mit eksempel gemmes enten 1 eller 0 i et hidden-felt. Dette sendes videre når formen submittes. Lige som om det var en almindelige checkbox.
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