Avatar billede pnr Nybegynder
14. februar 2005 - 15:06 Der er 12 kommentarer og
2 løsninger

Skift bagrundsbillede på celle

Hvordan skifter jeg et bagrundsbillede på en celle når jeg køre musen over en anden celle på siden?
Avatar billede thb Nybegynder
14. februar 2005 - 15:11 #1
prøv at give din td et id, og så på den anden td der skriver du:

onmouseover="document.getElementById('tdnavn').style.backgroundImage:url('billedsti');"

Jeg vil tror at det er sådan man gør, men jeg har ikke lige prøvet det.

Thomas
Avatar billede ldanielsen Nybegynder
14. februar 2005 - 15:13 #2
Giv cellen et id

Læg koden onMouseOver="document.GetElementById('tdensID').style.backgroundImage = 'url(/mappe/billede.gif)';"
Avatar billede pnr Nybegynder
14. februar 2005 - 15:20 #3
Jeg synes ikke det virker. Jeg har følgende kode:

<style type="text/css">
    body
    {
        margin: 0;
    }

    .table
    {
        background-image:url(fade.gif);
        background-repeat:repeat-x;
        background-color:FFFFFF;
    }
   
    .fane
    {
        background-image:url(fane-mellemrum.gif);   
        background-repeat:repeat-x;
    }
   
    .fane1
    {
        background-image:url(images/fane-mellemrum_sel.gif);   
        background-repeat:repeat-x;
    }
</style>


<td style="width: 202px;"><img src="images/top-logo.jpg" style="width: 202px; height: 63px" alt=""></td>
<td style="width: 50px;"><img src="images/fane1.jpg" name="fane1" style="width: 50px; height: 63px" alt=""></td>
<td style="width: 10%" class="fane" id="test">&nbsp;</td>
<td style="width: 51px;"><img src="images/fane2.jpg" name="fane2" style="width: 51px; height: 63px" alt=""></td>
<td style="width: 50%" class="fane1" onmouseover="document.getElementById('test').style.backgroundImage:url('images/fane-mellemrum_sel.gif');">&nbsp;</td>
                <td style="width: 50px;"><img src="images/fane3.jpg" style="width: 50px; height: 63px" alt=""></td>
Avatar billede ldanielsen Nybegynder
14. februar 2005 - 15:23 #4
onmouseover="document.getElementById('test').style.backgroundImage = 'url(images/fane-mellemrum_sel.gif)';"

skal det være

Og det var jo desværre thb der kom først :o)
Avatar billede pnr Nybegynder
14. februar 2005 - 15:23 #5
idanielsen, det var det der skulle til :-)

Er det evt. muligt at skifte stylesheet klassen istedet for billedet?
Avatar billede ldanielsen Nybegynder
14. februar 2005 - 15:26 #6
ja

onmouseover="document.getElementById('test').className = 'klassensNavn';"
Avatar billede pnr Nybegynder
14. februar 2005 - 15:35 #7
Super! idanielsen Smid et svar så er der point, og mange tak for hjælpen til jer begge!
Avatar billede olebole Juniormester
14. februar 2005 - 16:28 #8
<ole>

Undgå for alt i verden at skifte klasse. Det performer ekstremt ringe, da browseren spytter et helt nyt DOM-træ ud hvergang - og genberegner hele siden.
Det sker ikke, hvis du i stedet nøjes med at ændre de enkelte style-properties, hvorfor denne fremgangsmåde altid bør foretrækkes  :)

/mvh
</bole>
Avatar billede ldanielsen Nybegynder
14. februar 2005 - 17:57 #9
Ok, det er godt at vide ...
Avatar billede pnr Nybegynder
15. februar 2005 - 10:43 #10
Nå men det er blevet lukketid!

idanielse og olebole, smid et svar så får i point!

idanielse får 15 point og olebole får 10 point, også skal i begge have tusind tak for hjælpen :-)
Avatar billede ldanielsen Nybegynder
15. februar 2005 - 11:20 #11
Faktisk var det thb der var først, jeg rettede bare hans syntaksfejl.

Men det er jo op til dig, så ...
Avatar billede thb Nybegynder
15. februar 2005 - 12:19 #12
Jeg synes det er fint at I får point :)
Når jeg ikke kan lave en ordentlig syntax så kan jeg lære det.
Ville også have skrevet det som olebole skriver men så først spm'et hertil morgen igen.

Thomas
Avatar billede olebole Juniormester
15. februar 2005 - 17:14 #13
Jamen, så kaster jeg et svar ... *griiiiib*  :)
Avatar billede pnr Nybegynder
16. februar 2005 - 08:31 #14
Ja men så siger jeg mange tak! også en stor tak til thb for det hurtige svar, der desværre havde en forkert syntaks.
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