Søg
Avatar billede mcclaud Nybegynder
13. september 2011 - 22:49 Der er 4 kommentarer og
1 løsning

Udskiftning af baggrundsbillede fra dropdown menu

Hej alle eksperter

Jeg har et ønske om at skifte baggrundsbillede i en tabel ved at vælge det fra en dropdown menu. Det er vigtigt, at skiftet sker uden brug af en submit-knap. Jeg har lavet tre variationer af det samme baggrundsbillede (showroom_a.jpg / showroom_b.jpg / showroom_c.jpg).

Endvidere vil jeg gerne have en resetknap, som nulstiller de fire rullelister samt fjerner eventuelt valgte billeder.

Se det foreløbige script her:
http://www.halfmen.dk/!TEST!/showroom_test.htm
Avatar billede heinzdmx Nybegynder
13. september 2011 - 23:07 #1
Er det ikke ala:

<select name="choosebackground" id="choosebackground" class="form" size="1" onchange="document.getElementById('mytableid').style.backgroundImage = this.value">


Og så sæt table's id til mytableid
Avatar billede olsensweb.dk Ekspert
14. september 2011 - 17:45 #2
heinzdmx
tæt på men du skal angive url også, jeg vil smide det ud i en seperat function
function ChangeBgImge(elm){    
    var Image = "url("+elm.value+")";
    document.getElementById('mytableid').style.backgroundImage = Image;
}


<select name="choosebackground" id="choosebackground" class="form" size="1" onchange="ChangeBgImge(this)">


og selvføgelig som du skriver sætte id på tabellen 
<table id="mytableid" style="width: 750px; height: 500px; background-image: url('grafik/showroom/showroom_a.jpg');" cellpadding="0" cellspacing="0">



mcclaud: tabeller er til tabulærer data ikke til design
baseret på dit nuværende design, lavede jeg også lige reset functionen bare for sjov, og genbrugte selvføgelig de 2 andre functioner :)


demo http://olsensweb.dk/test/experten/spm/947184/
Avatar billede mcclaud Nybegynder
14. september 2011 - 22:16 #3
Mange tak for hjælpen... Jeg giver med glæde points.

:o) mcclaud
Avatar billede olsensweb.dk Ekspert
15. september 2011 - 17:37 #4
svar
Avatar billede mcclaud Nybegynder
15. september 2011 - 17:42 #5
Alle tiders... Endnu en gang tak.  ;o)
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
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 1 03/02/202614:19 03/02/202618:42
Å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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
31/0310:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
30/0312:04 Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling
29/0312:08 Problemer med replay af købte kursusvideoer Af annam i Browsere
28/0311:18 DENVER DVB-tMPEG-4 HD TUNER Af ole falsted i Fjernsyn & projektorer
White papers
Flere white papers »