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');"> 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');"> 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');"> 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');"> Letter-Head
</div>
</div>
</div>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER