Avatar billede asgrone Nybegynder
25. september 2005 - 15:51 Der er 8 kommentarer og
1 løsning

ændre en tabels baggrundsbillede onMouseOver

Hej
Er der en måde hvorpå man kan ændre dette script:
onMouseOver="this.style.background='#F4F6E1'" onMouseOut="this.style.background='#FFFFFF'" style="cursor:hand" (det står i en <tabel> klamme)
Til at skifte et billede i stedet for en farve?
Avatar billede bimbo111 Nybegynder
25. september 2005 - 17:32 #1
Ja, når du bruger ordet this ændrer den i stylet for tabellen.
Hvis du kender en smule til css kan du faktisk bruge næsten alle ting man kan i css i javascript.
Dvs. At du kan skifte this.style.background='#F4F6E1' ud med this.style.background='Ditbillede.jpg'
Avatar billede bimbo111 Nybegynder
25. september 2005 - 17:35 #2
Background bruger man faktisk normalt til at definere et baggrundsbillede, men fordi at et javascript ikke kan afvikles med en '-' i (this.style.background-color='#F4F6E1') bruger man i stedet for bare background.
Derfor skal du bare bytte farven ud med stien til dit billede.
Hvis du senere vil ændre på f.eks. placeringen af dit bgbillede, findes der også css atributter til det.
Avatar billede roenving Novice
25. september 2005 - 22:25 #3
Hrm, der var vist en mindre overseelse fra bimbos side ...

<table onmouseover="this.style.backgroundImage='url(minGuleBaggrund.gif)'" onMouseOut="this.style.background='url(baggrundHvid.gif)'" style="cursor:pointer;">
Avatar billede asgrone Nybegynder
25. september 2005 - 22:33 #4
ja jeg syntes heller ikke det virkede.. det gør det tak for det
Avatar billede roenving Novice
25. september 2005 - 22:44 #5
-- og bemærk, at jeg vil betragte det som god kodestil at benytte det præcise property-navn backgroundImage fremfor at nøjes med background, men de virker jo altså begge to (men man kan blive lidt overrasket, hvis man også benytter sig af andre baggrunds-properties, f.eks. background-color !-)

-- els velbekomme '-)

PS. Bliv endelig forvirret over de forskellige måder at skrive tingene på, for css og javascript er uheldigvis blevet defineret, så lovlige identifikatorer det ene sted er ulovlige det andet ...

I css kan man samle det:

style="background: #4f5 url(minBaggrund.gif) center center no-repeat;"

eller angive det i bidder:

style="background-color: #4f5;background-image: url(minBaggrund.gif);background-position: center center; background-repeat: no-repeat;"

-- alle disse ting kan du også udføre fra javascript, men der er bindestreger ulovlige i objekt-properties, så det bliver:

this.style.background = 'background: #4f5 url(minBaggrund.gif) center center no-repeat;';

-- eller:

this.style.backgroundColor = '#4f5';
this.style.backgroundImage = 'url(minBaggrund.gif)';
this.style.backgroundPosition = 'center center';
this.style.backgroundRepeat = 'no-repeat';
Avatar billede bimbo111 Nybegynder
26. september 2005 - 16:35 #6
Jeg har selv haft mange problemer med "background-color"
for hver gang at jeg bruger den siger den at der er en syntaxfejl, bindestregen.
Avatar billede roenving Novice
26. september 2005 - 16:41 #7
-- og der var zq en lillebitte fejl:

this.style.background = '#4f5 url(minBaggrund.gif) center center no-repeat';
Avatar billede roenving Novice
21. november 2005 - 13:47 #8
-- og tak for point ;~}
Avatar billede bimbo111 Nybegynder
21. november 2005 - 22:15 #9
Bedre sent end aldrig :D NP
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