onMouseOver Help

[Bighen]

Hi everyone,

I'm the new guy on the block and I have been a Main Frame Programmer for about 30 years. I also have been doing Genealogy for about 35 years and I decided to teach myself JavaScript/HTML. I started to program my family tree using JavaScript and HTML and have done pretty well, if I do say so myself. (Not bad for an old guy).

I have always been one to look for ways to make something run better or look better while using a computer. However, I have come up agains a brick wall with this onMouseOver command.

This is what I would like to do, I have a home page with a Text name ("Lucy"). All I want to do is place the mouse over this name and have a picture pop up on the right side of the page. My picture is pic0050c.gif. Can anyone help me with the code???? This is my code.

<A HREF="pic0050c.htm" STYLE="color: green;"><b>Lucy</b></A>

Thanks,
Bighen

[sypher]

Ill move this to the javascript forums.

But if your using dreamweaver you could use the 'show hide layers' behaviour.

[Bighen]

I'm using Notepad

[masonbarge]

Lucky for you, I spent the morning studying js. (Of course if this doesn't work, I can always claim noob status)

Here's the easy way. Make "xxx.gif" the same color as your background and put it where you want your picture to appear.

Code: Select all

<img src="http://xxx.gif" name="whocutthecheese"><br>
<a href="#" onMouseOver="document.whocutthecheese.src='Lucynaked.gif';">Lucy</a><br>

I'm prettys sure that is valid. You shouldn't even need a script tag.