Loading ...
Sorry, an error occurred while loading the content.

Re: MODAL popups in IE6 hide select boxes

Expand Messages
  • Foteos Macrides
    Adrian, That bug was fixed as of March 10, 2007. See: http://www.macridesweb.com/oltest/changeHistory.html#bottom Make sure that you in fact are using the
    Message 1 of 2 , Mar 23, 2007
    • 0 Attachment
      Adrian,
       
      That bug was fixed as of March 10, 2007.  See:
       
       
      Make sure that you in fact are using the latest js files, from the current overlibmws.zip distribution at:
       
       
      Note that CSSCLASS is a "legacy" command, which does nothing, and should not be included in any new documents you create.  It is retained simply to avoid error messages in any old documents which used it.
       
      The support group for overlibmws is:
       
       
      Fote
      --
       
      ----- Original Message -----
      Sent: Friday, March 23, 2007 4:47 PM
      Subject: MODAL popups in IE6 hide select boxes

      This is similar to a recent post with a subtle difference.

      When a MODAL overlib popup is rendered, the select boxes that are in the browser window (not popup window) disappear. This happens in IE6, but not in Firefox. On close of the popup, the select boxes re-appear.  I am using the latest js files.

      A snapshot of my code is

      // These are the inmports

              <script type="text/javascript"
      src="${httpRequest.contextPath}/js/overlib/overlibmws.js"></script>
              <script type="text/javascript"
      src="${httpRequest.contextPath}/js/overlib/overlibmws_draggable.js"></script>
              <script type="text/javascript"
      src="${httpRequest.contextPath}/js/overlib/overlibmws_hide.js"></script>
              <script type="text/javascript"
      src="${httpRequest.contextPath}/js/overlib/overlibmws_iframe.js"></script>
              <script type="text/javascript"
      src="${httpRequest.contextPath}/js/overlib/overlibmws_overtwo.js"></script>
              <script type="text/javascript"
      src="${httpRequest.contextPath}/js/overlib/overlibmws_print.js"></script>
              <script type="text/javascript"
      src="${httpRequest.contextPath}/js/overlib/overlibmws_shadow.js"></script>
              <script type="text/javascript"
      src="${httpRequest.contextPath}/js/overlib/overlibmws_modal.js"></script>


      // This is the overlib call.

      overlib(req.responseText, WIDTH,448, DELAY,0, VAUTO, WRAPMAX,448, CSSCLASS, FGCLASS,'olfg', BGCLASS,'olbg', TEXTFONTCLASS,'oltxt', STICKY, DRAGGABLE, SHADOW,  MODAL);

      Any help would be appreciated.

      Thanks
      Ade
    • Foteos Macrides
      Ade, That is exactly how it should behave with IE6. When the document is cast to MODAL, you should not be able to access anything in the document other than
      Message 2 of 2 , Mar 24, 2007
      • 0 Attachment
        Ade,
         
        That is exactly how it should behave with IE6.  When the document is cast to MODAL, you should not be able to access anything in the document other than the MODAL popup.  This is done my eliminating scrolling for the document and interposing a semi-opaque layer between the popup and the rest of the document.  For IE6, select boxes are still handled as system controls, and would not be blocked by the semi-opaque layer, so they are hidden in the MODAL state, and made visible again when the MODAL state is lifted.  The iframe shim invoked via overlibmws_iframe.js deals with select boxes directly under the popup, not any select boxes in other parts of the document.  IE7 finally became like the other, modern browsers which do not use system controls for select boxes, and so the select boxes are not hidden for IE7 nor the other, modern browsers (but are hidden for the old versions of Mozilla and Netscape6 which used system controls, like the pre-IE7 browsers).  Given that the issue is eliminated for IE7, which will eventually fully replace IE6, it doesn't seem worth the overhead to create a full-document iframe shim rather than simply casting the select boxes to hidden during the MODAL state.
         
        I misread your original message and thought you were referring to the previous bug with which the select boxes within the popup also were being hidden for IE6 (and the old versions of Mozilla and Netscape6).  That bug was fixed on March 10, 2007.
         
        Note that Firefox through v2.0.0.3 has a bug which causes the document to scroll to its 0,0 position in conjunction with the blocking of any scrolling by the user in the MODAL state.  The document is returned to its pre-MODAL scrolled position when the MODAL block is lifted.  That Firefox bug is fixed in its "trunk" development code which eventually will become Firefox v3.0.  That bug, like the need to hide select boxes in IE6, is of no consequence because it involves parts of the document which should be, and are, inaccessible during the MODAL state.  What really matters is that the document is returned fully to its pre-MODAL state when the MODAL popup is closed.
         
        Fote
        --
         
         
        ----- Original Message -----
        Sent: Saturday, March 24, 2007 4:23 AM
        Subject: Re: MODAL popups in IE6 hide select boxes

        I am using the latest js sources and still have the issue. As a test I saved your web page at
        locally and added the following HTML directly after the <BODY> tag

        <form>
         <select>
           <option value="">MAKE</option>
           <option value="1">ALFA ROMEO (33)</option>
         </select>
        </form>

        If you select the non-modal link then everything looks ok. If you select the modal link, the select drop down disappears.

        I am using IE version 6.0.29000.2180.xpsp.051011-1528 with SP2 applied.

        Any thoughts?

        Thanks
        Ade

         
        ----- Original Message -----
        Sent: Saturday, March 24, 2007 1:03 AM
        Subject: [OLmws] Re: MODAL popups in IE6 hide select boxes

        Adrian,
         
        That bug was fixed as of March 10, 2007.  See:
         
         
        Make sure that you in fact are using the latest js files, from the current overlibmws.zip distribution at:
         
         
        Note that CSSCLASS is a "legacy" command, which does nothing, and should not be included in any new documents you create.  It is retained simply to avoid error messages in any old documents which used it.
         
        The support group for overlibmws is:
         
         
        Fote
        --
         
        ----- Original Message -----
        Sent: Friday, March 23, 2007 4:47 PM
        Subject: MODAL popups in IE6 hide select boxes

        This is similar to a recent post with a subtle difference.

        When a MODAL overlib popup is rendered, the select boxes that are in the browser window (not popup window) disappear. This happens in IE6, but not in Firefox. On close of the popup, the select boxes re-appear.  I am using the latest js files.

        A snapshot of my code is

        // These are the inmports

                <script type="text/javascript"
        src="${httpRequest.contextPath}/js/overlib/overlibmws.js"></script>
                <script type="text/javascript"
        src="${httpRequest.contextPath}/js/overlib/overlibmws_draggable.js"></script>
                <script type="text/javascript"
        src="${httpRequest.contextPath}/js/overlib/overlibmws_hide.js"></script>
                <script type="text/javascript"
        src="${httpRequest.contextPath}/js/overlib/overlibmws_iframe.js"></script>
                <script type="text/javascript"
        src="${httpRequest.contextPath}/js/overlib/overlibmws_overtwo.js"></script>
                <script type="text/javascript"
        src="${httpRequest.contextPath}/js/overlib/overlibmws_print.js"></script>
                <script type="text/javascript"
        src="${httpRequest.contextPath}/js/overlib/overlibmws_shadow.js"></script>
                <script type="text/javascript"
        src="${httpRequest.contextPath}/js/overlib/overlibmws_modal.js"></script>


        // This is the overlib call.

        overlib(req.responseText, WIDTH,448, DELAY,0, VAUTO, WRAPMAX,448, CSSCLASS, FGCLASS,'olfg', BGCLASS,'olbg', TEXTFONTCLASS,'oltxt', STICKY, DRAGGABLE, SHADOW,  MODAL);

        Any help would be appreciated.

        Thanks
        Ade
      Your message has been successfully submitted and would be delivered to recipients shortly.