Søg
Avatar billede The Real Yoda Juniormester
28. oktober 2002 - 00:50 Der er 6 kommentarer og
1 løsning

image med hidden field value

Istedet for at bruge de grimme checkboxe, er det så ikke muligt at bruge et hidden field og så lave et image, som skifter med to forskellige billeder når man klikker på det.
1 unchecked
2 checked

og hvor det så er muligt at få det image til at smide en værdi i det hidden field som man har tildelt det image!?

håber i ved hvad jeg mener..
Avatar billede limemedia Nybegynder
28. oktober 2002 - 06:44 #1
Jeg har lavet et simpelt eksempel her:
http://ljweb.dyndns.org/test/e/checkboxreplace.html

Koden dertil er
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<meta name="Author" content="Lars B. Jensen, LJ Webnologics">
<meta name="Copyright" content="Lars B. Jensen, LJ Webnologics">

<script language="JavaScript" type="text/javascript">
<!--
    onoff = 0;   

    function changeImages(id) {
        if (document.images) {
            if (onoff == 0) {
                document[id].src = 'on.gif';
                document.testform.checkboximage.value='checked';
                onoff = 1;
            } else {
                document[id].src = 'off.gif';
                document.testform.checkboximage.value='unchecked';
                onoff = 0;
            }   
        }
    }
//-->
</script>
</head>

<body>

<img onClick="changeImages('checkboximage'); return true;" name="checkboximage" src="off.gif" width="20" height="20" alt="" border="0">

<form action="#" method="get" name="testform" id="testform" onSubmit="alert('Status : '+document.testform.checkboximage.value); return false;">
<input type="hidden" name="checkboximage" value="unchecked">
<input type="submit" name="submit">
</form>

</body>
</html>


/ Lars
www.ljweb.com
Avatar billede The Real Yoda Juniormester
30. oktober 2002 - 18:11 #2
det virker jo fint.. synes bare det reagere lidt langsomt..

hvordan får man flere af den slags checkboxe på en side ?
Avatar billede limemedia Nybegynder
30. oktober 2002 - 18:16 #3
jeg viser et princip, ikke en tunet js kode til mouseover

flere checkbokse ordnes med
<img onClick="changeImages('checkboximage1'); return true;" name="checkboximage" src="off.gif" width="20" height="20" alt="" border="0">
<img onClick="changeImages('checkboximage2'); return true;" name="checkboximage" src="off.gif" width="20" height="20" alt="" border="0">
<img onClick="changeImages('checkboximage3'); return true;" name="checkboximage" src="off.gif" width="20" height="20" alt="" border="0">

og tilsvarende i formen
<input type="hidden" name="checkboximage1" value="unchecked">
<input type="hidden" name="checkboximage2" value="unchecked">
<input type="hidden" name="checkboximage3" value="unchecked">
Avatar billede The Real Yoda Juniormester
30. oktober 2002 - 18:27 #4
Der skal vel også rettes i funktionen i javascript, da navnet på fieldet i formen er Hardkodet.. ?!
Avatar billede limemedia Nybegynder
31. oktober 2002 - 05:10 #5
den her virker,

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

<html>
<head>
<title>Untitled</title>
<meta name="Author" content="Lars B. Jensen, LJ Webnologics">
<meta name="Copyright" content="Lars B. Jensen, LJ Webnologics">

<script language="JavaScript" type="text/javascript">
<!--
    onoff = 0; 

    function changeImages(id) {
        if (document.images) {
                var hc = eval("document.testform." + id);

            if (onoff == 0) {
                document[id].src = 'on.gif';
                hc.value='checked';
                onoff = 1;
            } else {
                document[id].src = 'off.gif';
                hc.value='unchecked';
                onoff = 0;
            } 
        }
    }
//-->
</script>
</head>

<body>

1: <img onClick="changeImages('checkboximage1'); return true;" name="checkboximage1" src="off.gif" width="20" height="20" alt="" border="0">
2: <img onClick="changeImages('checkboximage2'); return true;" name="checkboximage2" src="off.gif" width="20" height="20" alt="" border="0">

<form action="#" method="get" name="testform" id="testform" onSubmit="alert('Status 1 : '+document.testform.checkboximage1.value+'\nStatus 2 : '+document.testform.checkboximage2.value); return false;">
<input type="hidden" name="checkboximage1" value="unchecked">
<input type="hidden" name="checkboximage2" value="unchecked">
<input type="submit" name="submit">
</form>

</body>
</html>



ps. ad ICQ - det fornemme ved eksperten er at man hjælper når man har tid, lyst og overskud til at hjælpe, ikke når det passer modtageren bedst. Håber du vil respektere det.
Avatar billede The Real Yoda Juniormester
01. november 2002 - 00:11 #6
Jo, selvfølgelig har jeg da forståelse for det og vil da også respektere det.. Havde bare lige brug for det sidste guldkorn for at kunne blive færdig med dette lille projekt..

men dem fik jeg så nu.. tillykke med pointsne og tak for hjælpen
Avatar billede limemedia Nybegynder
01. november 2002 - 04:25 #7
tror du glemte at trykke accepter *g*, men på forhånd tak for point
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript 5 27/04/202620:09 21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript 8 14/04/202610:11 20/04/202611:14
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 15:34 Installer alarmlyd på Samsung Galaxy XCover 7 Pro Af ErikHg i Mobiltelefoner
08/0913:06 Kan ikke starte min pc Af Malm i PC
07/0919:20 DVD program Af dcedata1977 i Andet software
07/0916:09 Bitdefender brokker sig Af FinnRasmussen i Andet sikkerhed
06/0921:00 Libre Office Impress Af Frank i Andre styresystemer
White papers
Flere white papers »