/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Checkbox og grafik
Fra : Michael Bas


Dato : 21-05-02 20:42

Hejsa,

Når jeg markerer en checkbox, vil jeg have at noget grafik skifter til noget
andet grafik.

Hvordan gør jeg det? Skal der evt. noget javascript til? I så fald, hvor kan
jeg finde scriptet?


På forhånd tak
Michael



 
 
mads paaskesen (22-05-2002)
Kommentar
Fra : mads paaskesen


Dato : 22-05-02 18:37


"Michael Bas" <michaelbas@gettwonet.dk> wrote in message
news:3ceaa26f$0$259$ba624c82@nntp01.dk.telia.net...
> Hejsa,
>
> Når jeg markerer en checkbox, vil jeg have at noget grafik skifter til
noget
> andet grafik.
>
> Hvordan gør jeg det? Skal der evt. noget javascript til? I så fald, hvor
kan
> jeg finde scriptet?
>
>
> På forhånd tak
> Michael
>
>

Hej Michael

Du kan få og eksperimentere lidt med denne kode/javascript jeg har laver til
dig

Denne kode virker dog kun i IE4 og op efter.
****************************************************************************
***

<html>
<head>
<script language=JavaScript>
var img1 = new Image();
var img2 = new Image();
img1.src = "on.gif";
img2.src = "off.gif";

function window.onload(){
changeImage(document.all.myCheckbox1.checked,document.images['myImage1']);
changeImage(document.all.myCheckbox2.checked,document.images['myImage2']);
}
function changeImage(oCheckbox,oImage){
var imageSource;
switch(oCheckbox){
case true :
imageSource = img1.src;
break;
case false :
imageSource = img2.src;
break;
}
oImage.src = imageSource;
}
</script>
<head>
<body>

<img src="" name="myImage1" id="myImage1">
<input type="checkbox" name="myCheckbox1" id="myCheckbox1"
onclick="changeImage(this.checked,document.images['myImage1']);">
<hr>
<img src="" name="myImage2" id="myImage2">
<input type="checkbox" name="myCheckbox2" id="myCheckbox2"
onclick="changeImage(this.checked,document.images['myImage2']);">

</body>
</html>
****************************************************************************
******************

Med venlig hilsen & God fornøjelse


Mads Paaskesen

Hvis du har spørgsmål kan du bare maile (paaskesen@mail.dk)



Michael Bas (22-05-2002)
Kommentar
Fra : Michael Bas


Dato : 22-05-02 22:32

Hej Mads,

Tak for hjælpen!!! Det var lige præcis, hvad jeg eftersøgte. Perfekt!!!


Med venlig hilsen
Michael



Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408868
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste