Applet to be hidden when Menu is Hover using CSS

[Former Member]

Hi Every one,

This is prasad working on XMII.I have a webpage with Horizontal Menu which is made of pure css and Applets on the same webpage which shows the data for that particular page.I have a problem with the menu.When I hove the menu the items under the menu are displaying under the Applet which in the same page.Only some of the menu items in the page are shown because they are above the Applet.I need to show all the Menu Items over the Applet by hiding by under the Menu which is made of Pure CSS.

Please help me on this.

Thanks,

Prasad.

[Former Member]

Hi Ram,

If you need to display applet you can use same with inline.

document.appletname.style.visibility = "inline";

If you want to hide on mouse over on menu then use mouse over event and write funtion to hide and also to display using above line with "hidden" and "inline".

Regards,

Padma

[Former Member]

Hi

You use like this to hide the applet when your menu is over using CSS:

document.appletname.style.visibility = "hidden";

try this.Hope this will help you.

[Former Member]

Hi,

Thanks for Your Qucik Reply.It is hiding the whole applet without hovering the menu.I need to hide the applet when i hover the menu.The Applet should be shown by default before the hover of the menu.

[Former Member]

Hi Ram

For that you write a function and put a condition when you want to hide the applet.

So that by default you applet would be displayed.

you can use like this to display applet when you want:

document.appletname.style.visibility = "visible";