Avatar billede nidyahou Praktikant
18. april 2006 - 21:11 Der er 12 kommentarer og
1 løsning

fejl i javascript mouseover td change bg

Hvorfor virker det nedenstående ikke!? sikkert en dummer.


<td align="center" onMouseOver="this.style.background='Images/knr.gif'" OnMouseOut="this.style.background='Images/knh.gif'" background="Images/knh.gif">Nyheder</td>
Avatar billede webstuff Nybegynder
18. april 2006 - 21:22 #1
<td align="center" onMouseOver="this.style.backgroundImage='Images/knr.gif'" OnMouseOut="this.style.backgroundImage='Images/knh.gif'" style="background-image:url('Images/knh.gif);">Nyheder</td>
Avatar billede mclemens Nybegynder
18. april 2006 - 21:31 #2
<td align="center" onMouseOver="this.style.background='url(\'Images/knr.gif\')';" OnMouseOut="this.style.background='url(\'Images/knh.gif\')';" style="background:url('Images/knh.gif')">Nyheder</td>
Avatar billede mclemens Nybegynder
18. april 2006 - 21:32 #3
kast dem bare til webstuff ;)
Avatar billede webstuff Nybegynder
18. april 2006 - 21:45 #4
Tja.. Jeg skal ikke kunne sige hvilken der er mest rigtig.
Min ændrer billedet via ren Javascript mens McClemens ændrer det via JS+CSS.

Dog vil jeg sige at:
style="background-image:url('Images/knh.gif);"

Er mere rigtigt end:
style="background:url('Images/knh.gif);"
Avatar billede mclemens Nybegynder
18. april 2006 - 21:53 #5
[ Tja.. Jeg skal ikke kunne sige hvilken der er mest rigtig.
Min ændrer billedet via ren Javascript mens McClemens ændrer det via JS+CSS. ]
- din ændrer det også via javascript og css...:
onMouseOver="this.style.backgroundImage='Images/knr.gif'" OnMouseOut="this.style.backgroundImage='Images/knh.gif'"
^style i disse linier er lig ændring via. css se dit eget eksempel ...

[ Dog vil jeg sige at:
style="background-image:url('Images/knh.gif);"

Er mere rigtigt end:
style="background:url('Images/knh.gif);" ]
... smagssag i dette tilfælde - jeg vil mene at det er uden betydning da der ikke er andet defineret i css shorttaget

.....

dog vil jeg mene at disse to linjer i dit eksempel er forkerte:
onMouseOver="this.style.backgroundImage='Images/knr.gif'" OnMouseOut="this.style.backgroundImage='Images/knh.gif'"

... de burde være:

onMouseOver="this.style.backgroundImage='url(\'Images/knr.gif\')'" OnMouseOut="this.style.backgroundImage='url(\'Images/knh.gif\')'"

... men du kan jo teste om dit eksempel ikke giver en javascript fejl ;)
Avatar billede mclemens Nybegynder
18. april 2006 - 21:58 #6
Hvis du kun ville ændre billedet via. js og ikke bruge css så skulle du have skrevet:

<td align="center" onMouseOver="this.background='Images/knr.gif'" OnMouseOut="this.background='Images/knh.gif'" background="Images/knh.gif">Nyheder</td>
Avatar billede mclemens Nybegynder
18. april 2006 - 22:01 #7
... og det lå egentlig meget tæt på det oprindelige :P
- der var bare en .style der havde sniget sig ind :)
Avatar billede nidyahou Praktikant
18. april 2006 - 22:31 #8
faktisk var det clemens' der virkede... :P Men jeg går ud fra det er relativt ligemeget - good day to you sirs. tak for hjælpen
Avatar billede webstuff Nybegynder
18. april 2006 - 22:32 #9
[. smagssag i dette tilfælde - jeg vil mene at det er uden betydning da der ikke er andet defineret i css shorttaget]
Tja.. Det er måske en smagssag - men background-image er i hvertfald 100% crossbrowser :)

Men mclemens sidste svar er nok det du ledte efter fra starten af :-)
Avatar billede mclemens Nybegynder
18. april 2006 - 22:33 #10
- det var så lidt ;)
Avatar billede webstuff Nybegynder
18. april 2006 - 22:34 #11
Avatar billede mclemens Nybegynder
18. april 2006 - 22:52 #12
[ er i hvertfald 100% crossbrowser ]
- Må nok hellere lige sige at det også gælder for den udgave jeg kom med i nr. 2 indlæg ... så vidt jeg ved ... jeg har testet den i IE, FF, Opera og Netscape ... har dog ikke safari ...

- Background er bare et shorttag til at angive baggrunds farve, baggrunds billede, baggrundens placering m.v.. Man behøver kun at angive baggrundsbilledet, hvis det er det man har behov for - argumentet for at bruge background-image istedet for background er, at hvis der i forvejen er nedarvet en background-color via css, så fjerner man den ikke, når man bruger background-image istedet for background... så afhængig af situationen så kan background-image sådan set godt være mere rigtig end background

^ så joh, afhængig af situationen - så har du ret webstuff :)

- baggrunds css: http://www.w3schools.com/css/css_reference.asp#background


- tak for pointene :)
Avatar billede webstuff Nybegynder
18. april 2006 - 23:00 #13
Hehe... Det er rigtigt - men sværger dog til min udgave.. Men det kan vi diskutere i en evighed :-D
Selv tak :-)
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