javascript code is masking popup table

[ara]

Hi,

I have got a table which pops up when the pointer is placed
over a link,as

<div id="metapopup" onMouseOver="showmeta();"
onMouseOut="hidemeta();">
<table border="0" cellpadding="5" cellspacing="0">
<tr>
<td><a href="#">Home </a>
<br><a href="http://www.google.com" target="_blank">Google</a>
<br><a href="http://www.yahoo.com" target="_blank">Yahoo</a>
</td>
</tr>
</table>
</div>

The anchor text is given as
<a href="#" onMouseOver="showmeta();"
onMouseOut="hidemeta();">
Home
</a>

The javascript functions showmeta() and hidemeta() are as below

function hidemeta() {
if (document.getElementById) {
document.getElementById('metapopup').style.visibility =
"hidden";
}
}

function showmeta() {
if (document.getElementById) {
document.getElementById('metapopup').style.visibility =
"visible";
}
}

I am experiencing a problem with this, as a javascript drop
down menu in the page is masking the portion of the pop up table
behind it.

Please suggest a solution

Thanks in advance
Ara

 

[ASM]

ara a écrit :

I am experiencing a problem with this, as a javascript drop
down menu in the page is masking the portion of the pop up table
behind it.

Normal feature, the deployment of the list covers the page.
And ? what is the problem ?

If you are using the drop down list you aren't using the link, no ?
One thing at one time ...

Please suggest a solution

Use something else than a select ?

 

[ASM]

ara a écrit :

Hi,

I have got a table which pops up when the pointer is placed
over a link,as

Why a table ? (with only 1 row of 1 cel ?

<script type="text/javascript">

function showmeta() {
if (document.getElementById) {
dropList = document.getElementById('metapopup');
dropList = dropList.getElementsByTagName('table')[0];
dropList.style.visibility ="visible";
}
}
function hidemeta() {
if (document.getElementById)
dropList.style.visibility ="hidden";
}
</script>

<div id="metapopup" style="border:1px solid red"
onMouseOver="showmeta();"
onMouseOut="hidemeta();">
<table border="0" cellpadding="5" cellspacing="0"
style="visibility:hidden">
<tr>
<td><a href="#">Home </a>
<br><a href="http://www.google.com" target="_blank">Google</a>
<br><a href="http://www.yahoo.com" target="_blank">Yahoo</a>
</td>
</tr>
</table>
</div>

 

[ara]

Hi Stephane,

Thanks for your prompt response.

I solved the issue. My problem was that even though the
metapopup block works fine, the block appears to be hiding behind
another javascript dropdown menu.

Only now did I realise that this is the problem in
displaying layers properly. So i added z-index to the class metapoup in
stylesheet. Now it works fine.

Sorry for misguiding you with not so appropriate
description.

Thanks
Ara