Avatar billede frida Nybegynder
24. november 2006 - 17:10 Der er 2 kommentarer og
1 løsning

Skifte baggrundsbillede i tabel via billede i anden tabel

Jeg har en tabel, som har et baggrundsbillede via css. Det er selve tabellen det handler om - ikke cellerne. Cellerne skal jeg kunne skrive i, og hente billeder ind, via asp/db. Det virker fint med baggeundsbilledet og udtræk fra db til en af cellerne. Jeg vil dog gerne kunne skifte baggrundsbilledet ud ved  klik på små billeder, som ligger i en anden tabel.
Og her går det så galt.
Jeg har prøvet på alle mulige måder - og det sidste forsøg er dette:

Tabellen med baggrundsbilledet: <table id="tableid" width="303" height="378"  osv osv

Tabellen med link til at ændre billedet er her:

<td width="51"><a href="#" onClick="document.all.tableid.background = billeder/t_shirt1.jpg"><img src="billeder/t_shirt1.jpg" width="50" height="50" border="0" ></a></td>
            <td width="50"><a href="#" onClick="document.all.tableid.background = billeder/t_shirt2.jpg"><img src="billeder/t_shirt2.jpg" width="50" height="50" border="0" ></a></td>
            <td width="53"><a href="#" onClick="document.all.tableid.background = billeder/t_shirt3.jpg"><img src="billeder/t_shirt3.jpg" width="50" height="50" border="0" ></a></td>


Der sker intet og fejlmeddelelsen er "billeder ikke er defineret."

Jeg vil bleve glad for hjælp!
Avatar billede frida Nybegynder
24. november 2006 - 18:35 #1
Fandt dette http://www.eksperten.dk/spm/650807 - og blev inspireret.

Tabellen fik id="shirt"
og linket
a href="#" onClick="shirt.style.background = 'url(billeder/t_shirt1.jpg)';"

Så nu virker det perfekt :o)
Avatar billede psykochicken Nybegynder
24. november 2006 - 18:36 #2
brug getElementById i stedet:
onClick="document.getElementById('tableid').style.background='url(\'billeder/t_shirt1.jpg\')';"

det virker også uden for IE ;o)

/psc
Avatar billede psykochicken Nybegynder
24. november 2006 - 18:37 #3
fint ;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
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