After looking into ur code ... it seems like, on onmouseover event u are showing the dropdown but it's under ur mouse cursor, so background image looses focus and calls the onmouseout and hiding the dropdown. After that again image's onmouseover is called and the process repeats again. If you move your cursor from outside of dropdown boundary it stays.
So in my opinion the logic of showing/hiding has some problem. You need to consider above case. Either set a flag and skip onmouseout of the background image and rely on onmouseout of dropdown, or change your logic completely. Also to skip calling the mouseover event function over and over on every mouse move , call once and set a flag and don't execute showdiv () untill ur onmouseout event is done. On Nov 14, 6:00 pm, Ronak <[email protected]> wrote: > Hii, > > I have a problem in showing hidden div when user mouseover/mouseout on > image. > I dont know how to manage to hide/show div. > I have written code but somehow it is not work as per my need. > > My need is to show dropdown selection when user move mouse on image > and hide when > user leave mouse from image. > > Right now it appears but when moving mouse on dropdown it is going to > flashing !!! > > Please review javascript code and let me know what I have to change > > Page located at :http://www.cybersurf.in/testdiv.aspx
