OnMouseOver

[burnboy]

hi all
sota having problem, bu im just a bit brain dead at the moment
ive got some code, but for sum (probably obvious!) reason it wont work!
heres the code:
<img border="0" src="ps3-controller-fin.gif" width="40%" height="40%" name="normcontroller" OnMouseOver="document.normcontroller.scr='ps3-controller-fin-lopside.gif'" ; OnMouseOut="document.normcontroller.src='ps3-controller-fin.gif'; align=" align="left">
it basically tells one pic turn to another when mouse is over
any and all help welcome
Burnboy

[Phelms215]

you forgot an " after the onmouseout

<img border="0" src="ps3-controller-fin.gif" width="40%" height="40%" name="normcontroller" OnMouseOver="document.normcontroller.scr='ps3-controller-fin-lopside.gif'" ; OnMouseOut="document.normcontroller.src='ps3-controller-fin.gif'"; align=" align="left">

[jpshortstuff]

Originally Posted by burnboy

OnMouseOver="document.normcontroller. scr='ps3-controller-fin-lopside.gif'"

Is that any help?

[jamiemac2005]

Okay, heres how i'd see the code working:

<img border="0" src="ps3-controller-fin.gif" width="40%" height="40%" name="normcontroller" OnMouseOver="this.src='ps3-controller-fin-lopside.gif';" OnMouseOut="this.src='ps3-controller-fin.gif';" align=" align="left">

You don't need to reference the image using document.blah if your handler is within the element. and as previously stated the quote was missing, you also put a semicolon outside of the dblquotes (")

Cheers,
Jamey

[burnboy]

hi all and thanks!
brain working a bit better now but its still a little early!!!
J, could i copy that or is it just to sho me?????
lol
call me a lazy sod!!!!!!!!

[jamiemac2005]

lol, i'm pretty sure you could copy anything here, feel free to

Cheers,
Jamey

[burnboy]

kl thanks
just tell my still why this wont work???:
<img border="0" src="ps3-controller-fin.gif" width="40%" height="40%" name="normcontroller" OnMouseOver="document.normcontroller.scr='ps3-controller-fin-lopside.gif'"; OnMouseOut="document.normcontroller.src='ps3-controller-fin.gif'"; align="left">
(ps why do i always come here in the morning!!!!- half the time i have no clue what I'M doing !!!!!!)

[jamiemac2005]

In theory it should work, but it's a best practice to use "this" as the identifier when you're writing event handlers from the object that you're modifying.

If that didn't work you may have had to use "document.all.normcontroller"/"document.body.normcontroller" but i can't remember which because it's been a while since i coded in that way... And it depends on the browser being used to test the code (because different browsers will handle that code differently (and some will ignore it).

When identifying elements the name attribute is supposed to be going out the window. I'd suggest using an id="normcontroller" and then the code "document.getElementById('normcontroller');" to identify the code in javascript.

Because most browsers understand that code.

Cheers,
Jamey

[burnboy]

thanks guys!!
i'll take all of your advice but on this 1 i think i'll just ask my dad!!!
LOL
thanks aswell
burnboy