onmouseover function not working in IE7

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • pmadhu512
    New Member
    • Mar 2008
    • 2

    onmouseover function not working in IE7

    hi below code is working in the IE6 and mozilla but not working IE7.when i moving the mouse to the block the popup getting closed
    could you please help me how to resolve this problem
    Code:
                <div class="plus_addition">
                   <div class="plusindicator " onmouseover="openPlusPopup('pluspopup_<c:out value="${uniqueId}"/>')" onmouseout="closePlusPopup('pluspopup_<c:out value="${uniqueId}"/>')">
                      <a class="pluslink" href="javascript:void(0)" target="detailsFrame_<c:out value='${uniqueId}'/>">
                         <img src='<cms:ref path="/results" reference="small__smile"/>' alt="" width="18" height="14" border="0"/>
                         <img src='<cms:ref path="/results" reference="plus_text"/>' alt='<cms:data path="/results" reference="plus_logo_alt"/>' width="90" height="12" border="0"/>
                         <p class="plus_components">Goodday</p>
                      </a>
                      <div class="pluspopup" id="pluspopup_<c:out value="${uniqueId}"/>" onmouseover="openPlusPopup('pluspopup_<c:out value="${uniqueId}"/>')" onmouseout="closePlusPopup('pluspopup_<c:out value="${uniqueId}"/>')">
                         <div class="arrow">
                            <img src='<cms:ref path="/results" reference="plus_popup_arrow"/>' alt="" border="0"/>
                         </div>
                         <div class="inner">
                            <p><cms:data path='/results' reference='plus_benefits' /></p>
                            <ul>
                               <li><cms:data path='/results' reference='plus_benefit1' /></li>
                               <li><cms:data path='/results' reference='plus_benefit2' /></li>
                               <li><cms:data path='/results' reference='plus_benefit3' /></li>
                            </ul><br /><br />
                            <c:if test="${selected.bFlag != true && selected.lateFlag != true && selectedn.evFlag != true }">
                            <a href="#navigateTo_<c:out value="${uniqueId}"/>" onclick="closePlusPopup('pluspopup_<c:out value="${uniqueId}"/>');openImage('<c:out value='${uniqueId}'/>','normal'); displayDetails('<c:out value="${uniqueId}"/>','Plusdetails');jumpTo('link_<c:out value="${pkgNum}"/>');"><cms:data path='/results' reference='fulldetails' /></a>
                            <br clear="all"/>
                            </c:if>
                         </div>
                      </div>
                   </div>
                  </div>
                </c:if>
    the JS is
    function openPlusPopup(w hichLayer)
    {
    var style2 = document.getEle mentById(whichL ayer).style;

    style2.display = "block";
    }
  • acoder
    Recognized Expert MVP
    • Nov 2006
    • 16032

    #2
    Moving the mouse to which 'block'?

    Comment

    • pmadhu512
      New Member
      • Mar 2008
      • 2

      #3
      Originally posted by acoder
      Moving the mouse to which 'block'?
      the popup block which i have display while onmouseover event

      code is bellow
      could please replay me soon i stuck with this problem.

      function openPlusPopup(w hichLayer)
      {
      var style2 = document.getEle mentById(whichL ayer).style;

      style2.display = "block";
      }

      Comment

      • acoder
        Recognized Expert MVP
        • Nov 2006
        • 16032

        #4
        The onmouseout is probably being fired because of the div popup which also has an onmouseover/out. Why do you have the div trying to display itself onmouseover while hidden - how's that gong to work?

        Comment

        Working...