Show/Hide Divs

Hide html content with onmouseover

[lunitare]

Hi,

I'm having trouble finding specific info on this. What I would like to do is have a list of names in a sidebar - when you rollover a name their info appears in the larger div to the left.

I know there is a way to do this using javascript but to be honest, I know basically no JavaScript. So, if someone can help point me in the right direction I'd be very grateful. An example of what I'm looking to do is here: <snip>

When you roll over the smaller images the main one changes. I'm looking to do essentially that. The differnce being mine will be a team roster. So involving tables and images etc.

Thanks!

[edited by: eelixduppy at 10:14 pm (utc) on Dec. 16, 2008]
[edit reason] removed URL [/edit]

[MizzBia]

Check out Dynamic Drive (see Dynamic Content) - they have awesome scripts that do exactly what you mentioned above.

[ashish21cool]

What I think is as follows:

For every link there should be 2 events, a) onmouseover b) onmouseout.

Just enable/disable the images when there is mouseover/mouseout.

Let me know if this makes sense.

Thanks.

[lunitare]

Hey,

Thanks for the advice. I think I've found something on Dynamic Drive that could work - still have to actually test it out.

ashish21,
Great advice! Much simpler solution than I had thought of - I will give it a whirl and see if it accomplishes what I'm looking to do.

[ashish21cool]

Hi,

Hope it works for you.

Thanks.