Show and Hide layers Javascript

[Tricker]

Hello All,

For one of my recent project i need to display and hide layer on mouse over

any code snippet or tutorial will be higly appriciated

Thanks in Advance

- Tricker Baron

[Dabrowski]

Hi mate, can you post your markup? It should be easy enough to drop a bit of code into it.

[BlobFisk]

Hi tricker,

You can do this using onmouseover and onmouseout to fire a function that displays the layer.

For example:

function showHideLayer(layerID,action) {
 document.getElementById(layerID).style.display=action;
}

Then in your HTML:

<a href="someLink.html" title="Some Title Text" onmouseover="showHideLayer('myLayer','block')" onmouseout="showHideLayer('myLayer','none')">Link Text</a>

This will toggle the display property of the layer between block and none.

HTH