Link to home
Start Free TrialLog in
Avatar of ukapu2005
ukapu2005

asked on

onmouseout problem with div menu

Please see the attached code snippet below. I am displaying the menu with the img and div elements. when I click on the image drop down icon, the menu will be displaued(with div tags). I want to close the menu as soon as  I move the mouse out of the menu. can some one help me to resolve this issue. Thanks in advance.

<img id='IdReplyArrowImage1' alt=""
						             src='/ResultsReview/images/downbtn16x12.gif' height="20px" width="13px"
						
						             style='vertical-align:bottom; border-width:0px;display:inline;position:relative;left:-4px;'
						
						             onmouseover="this.style.cursor='hand';this.src='/ResultsReview/images/rec_pat_up.gif';"
						             onmouseout="this.style.cursor='default';this.src='/ResultsReview/images/downbtn16x12.gif';"
						             onclick="showPopupWindow(oPopup, document.all.popupLockDiv, document.all.IdReplyArrowImage1, -60, 0)">		
						             
									<div id="popupLockDiv" toggle="fade" style="display: none;" class="wfTitleMenu" style="overflow:auto; height:350px; z-index: 100;">
									  <div style="border:1 solid #000000; background-color:#F5F5F5; font-family:Arial,Helvetica,sans-serif; font-size:8pt">
									    <div id="stdDiv"
									         onmouseover="this.style.backgroundColor='#000000'; this.style.color='#FFFFFF'"
									         onmouseout="this.style.backgroundColor='#F5F5F5'; this.style.color='#000000'"
									         style = "cursor:hand" onclick="parent.onSaveAndPrint('Standard');">&nbsp;Standard</div>
									
									    <div id="lrDiv"
									         onmouseover="this.style.backgroundColor='#000000'; this.style.color='#FFFFFF'"
									         onmouseout="this.style.backgroundColor='#F5F5F5'; this.style.color='#000000'"
									         style = "cursor:hand" onclick="parent.onSaveAndPrint('Legal-Record');">&nbsp;Legal-Record
									         </div>  
									         
									     <div id="pmDiv"
									         onmouseover="this.style.backgroundColor='#000000'; this.style.color='#FFFFFF'"
									         onmouseout="this.style.backgroundColor='#F5F5F5'; this.style.color='#000000'"
									         style = "cursor:hand" onclick="parent.onSaveAndPrint('Patient-Mailer');">&nbsp;Patient-Mailer
									     </div>
									     <div id="lhDiv"
									         onmouseover="this.style.backgroundColor='#000000'; this.style.color='#FFFFFF'"
									         onmouseout="this.style.backgroundColor='#F5F5F5'; this.style.color='#000000'"
									         style = "cursor:hand" onclick="parent.onSaveAndPrint('Letter-Head');">&nbsp;Letter-Head
									     </div>        
									   </div>     
									</div>

Open in new window

Avatar of ukapu2005
ukapu2005

ASKER

please send me the answer as early as possible
ASKER CERTIFIED SOLUTION
Avatar of Pravin Asar
Pravin Asar
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial