25. september 2005 - 15:51Der 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?
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'
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.
-- 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;';
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.