Click to See Complete Forum and Search --> : Rollover using layers


stualk
02-17-2003, 07:38 AM
Hi,

Please take a look at this: http://net-strategy.co.uk/pollution_control/

Notice i've used Javascript for the rollovers for the links at the top of the page. When you rollover each image a new layer becomes visible with further links contained within it. However, when you take your mouse off the image, the layer disappears. I don't know how to make sure the layer stays visible so visitors can click the links. They must then become invisible once the mouse is taken off the links.

HELP!!!

khalidali63
02-17-2003, 07:46 AM
You already have mouseout event implemented( thats why th enew layer disappears).

Just add some timeout limitations for the mouseevent to make the layer disappear.
logic will work like this.

if mouseout then setTimeout("mouseOutFunction()",2000)
}

the above will give you time to roll your mouse down from the top to the displayed layer below befre it is disappeared.and then it will have mouse over again ,it should be visible.

just an idea of how you can make it work.

Khalid

stualk
02-18-2003, 02:54 AM
Where would I put that code? Putting it into the header of the page returns errors on loading. Do I also need to refer to it for each rollover event in the main coding of the page?

HELP!!