Pop Menu Flicker problem

Chris · Jul 15, 2006

I am trying to design a very basic popup menu system. I have a container div
which becomes visible, when a button is clicked. It contains a series of
divs each with a hyper link. When the mouse goes out of the container div
the contain div should dissappear. This works fine but rolling over the
container div causes it to flicker. It is like the edge of the subdivs
containing the hyperlinks are triggering the onMouseout. When I remove the
sub divs the problem dissappears. This is a problem in IE and FF so I am
assuming it is something non-buggy.

Chris · Jul 15, 2006

Here is the code if it helps

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>

<script language="javascript">
var state = 'hidden';

function triggersub(layer_ref)
{

if (state == 'visible')
{
state = 'hidden';
}
else {
state = 'visible';
}

if (document.all) { //IS IE 4 or 5 (or 6 beta)
eval( "document.all." + layer_ref + ".style.visibility = state");
}
if (document.layers) { //IS NETSCAPE 4 or below
document.layers[layer_ref].visibility = state;
}
if (document.getElementById && !document.all) {
maxwell_smart = document.getElementById(layer_ref);
maxwell_smart.style.visibility = state;
}
}

</script>
<style type="text/css">

</style>
</head>
<div id="topmenu1" class="submenu"><a href="#"
onClick="triggersub('container1')">Top menu</a></div>
<div id="container1" class="subcontainer" style="visibility:hidden"
onmouseout="triggersub('container1')">

<div id="container1_1" onClick="alert('1')" class="submenu"></div>
<div id="container1_2" onClick="alert('2')" class="submenu"></div>
<div id="container1_3" onClick="alert('3')" class="submenu"></div>

</div>
<body>
</body>

Listbox Flicker	1	Apr 28, 2006
css sub-menu overlapping problem	5	Dec 16, 2007
problem persistent; sfhover - nested menu - hovering problem	2	Dec 27, 2010
menu problem	1	Apr 5, 2007
Menu issues	4	Apr 14, 2007
Newbie expand/collapsible menu problem	6	Oct 14, 2009
CSS menu problems with IE 7	2	Jun 5, 2009
pop up menu at header frame cannot overlap to bottom frame	4	Mar 30, 2006

Pop Menu Flicker problem

Chris

Chris

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads