Notifikationer

Markér alle som læst Log ud

askovdk Nybegynder

20. december 2010 - 10:01 Der er 9 kommentarer og
1 løsning

Ændre billede med form

Jeg har et billede på min side

<img src=billede.jpg>

<form method="get" action="side.php">
<select name="farve">
<option value="gron">Grøn</option>
<option value="gul">Gul</option>
<option value="bla">Blå</option>
</select>
<input type="submit" value="LÆG I KURV">

</form>

Jeg vil gerne have at når jeg vælger en farve, så ændre billede adressen til fx. billede_gul.jpg

Hvordan gør jeg dette ?

Synes godt om

Christian_Belgien Novice

20. december 2010 - 10:50 #1

Jeg lavede for test en side http://christianjorgensen.be/askovdk.php og jeg aendrede form action til askovSide.php. I askovSide.php satte jeg saa denne kode:

<body>
<?
$farve = $_GET['farve'];
$s = "billed_" . $farve . ".jpg";
echo "ny src = $s <br>";
?>
<img src='$s'>;
</body>

echo-linien er for test saa du kan se hvordan src'en aendrer sig efter valg af farve. Imagen selv vises naturligvis ikke i min testside.

Du kan proeve det af ved at aabne den angivne side.

Synes godt om

askovdk Nybegynder

20. december 2010 - 11:25 #2

Den skal skifte billedet, uden at der bliver trykket på LÆG I KURV

Dvs. vælger man fx. Grøn, så skal billedet skifte til det grønne billede.

Synes godt om

majbom Novice

20. december 2010 - 14:04 #3

prøv med

<img src=billede.jpg id="dit_billede">

<form method="get" action="side.php">
<select name="farve" onchange="document.getElementById('dit_billede').src = this.options[this.selectedIndex].value+'_billede.jpg'">
<option value="gron">Grøn</option>
<option value="gul">Gul</option>
<option value="bla">Blå</option>
    </select>
<input type="submit" value="LÆG I KURV">

</form>

og du har dine billede døbt:

gron_billede.jpg
gul_billede.jpg
bla_billede.jpg

Synes godt om

majbom Novice

20. december 2010 - 14:05 #4

-> Christian_Belgien - vi er i JS-kategorien ;o)

Synes godt om

Christian_Belgien Novice

20. december 2010 - 14:48 #5

splazz, askovdk, ja nu du siger det. Jeg var vist ikke rigtig vaagen. Men du synes nu at have besvaret spoergsmaalet.

Synes godt om

askovdk Nybegynder

20. december 2010 - 15:04 #6

splazz, lige præcis, det virker :-)

Men er det muligt at lave så billede stien bliver til:

images/billede_gul.jpg

i stedet for gul_billede.jpg ?

Synes godt om

majbom Novice

20. december 2010 - 15:13 #7

ja da, ret:

this.options[this.selectedIndex].value+'_billede.jpg'

til:

'billede_'+this.options[this.selectedIndex].value+'.jpg'

Synes godt om

askovdk Nybegynder

20. december 2010 - 16:02 #8

SUPER, smid svar :-)

Er det noget der virker i de fleste browsere ?

Synes godt om

majbom Novice

20. december 2010 - 16:12 #9

kommer her

ja det vil jeg mene

Synes godt om

majbom Novice

20. december 2010 - 18:29 #10

tfp :)

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 JavaScript kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
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
Sæt vindue størrelse Af poulmadsen i JavaScript	1	08/10/202417:18	13/10/202412:33
Opgavestyring Af ingeman i JavaScript	1	15/09/202416:06	15/09/202420:40

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