#9 ✓resolved
Ryan Johnson

IE6 + https + Control.Modal = error

Reported by Ryan Johnson | June 19th, 2008 @ 06:16 PM | in 1.0

I have the following source in a web page accessed via SSL using IE6:


<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="livepipe.js"></script>
<script type="text/javascript" src="window.js"></script>

       $$('.modal').each(function(link){
       new Control.Modal(link,{
                       className: 'modal',
                       overlayOpacity: 0.75,
                       iframeshim: false
           });
   });
       Control.Modal.close();

This works fine in Firefox & Safari, but not in IE6. In IE6, I get two dialog boxes in a row that say:

"This page contains both secure and nonsecure items. Do you want to display the nonsecure items?"

And then, whether I choose "Yes" or "No", I get:

"Internet Explorer cannot open the Internet site . . . [snip] . . . Operation Aborted"

Nothing is displayed on the resulting page.

I noticed that if I delete the following code from window.js, the errors go away and I can see the web page, albeit with errors:


        updateIFrameShimZIndex: function(){
               if(this.iFrameShim)
                       this.iFrameShim.positionUnder(this.container);
       }

Any suggestions on how to work around this?

####

you can solve it by putting your code on a function and call it from

. That solves the IE error. There are some pages that talks about that, I'm not an expert but somthing in window.js appends a child into body and shouldn't or something.

Comments and changes to this ticket

  • Juriy Zaytsev

    Juriy Zaytsev June 19th, 2008 @ 06:49 PM

    IE tries to insert an element into a "body" when body has not yet been finished loading. This shouldn't appear if code is executed once DOM has been fully loaded. 

    document.observe('dom:loaded', function(){
 // do stuff here
})
  • Ryan Johnson

    Ryan Johnson June 19th, 2008 @ 07:05 PM

    Thank you sir!

    On Thu, Jun 19, 2008 at 6:49 PM, Lighthouse

    wrote:

  • jeff (at jeffhartman)

    jeff (at jeffhartman) July 28th, 2008 @ 01:27 PM

    • Tag set to “control.window, https, ie”

    I was getting the "Internet Explorer cannot open the Internet Site ..." message and this fixed it. Thanks!

    Now, however, my close link in the modal no longer works.

    Close

    Do you know what I can do to fix that?

  • hobodave

    hobodave August 13th, 2008 @ 04:38 PM

    This is fixed by changing line #319 of livepipe.js as follows:

    diff --git a/src/livepipe.js b/src/livepipe.js
index 7905e60..dc3efcd 100644
--- a/src/livepipe.js
+++ b/src/livepipe.js
@@ -316,7 +316,7 @@ var IframeShim = Class.create({
    initialize: function() {
        this.element = new Element('iframe',{
            style: 'position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);display:none',
-           src: 'javascript:void(0);',
+           src: 'javascript:false;',
            frameborder: 0
        });
        $(document.body).insert(this.element);
  • hobodave

    hobodave August 13th, 2008 @ 08:26 PM

    • Tag changed from “control.window, https, ie” to “control.modal, control.window, https, ie”

    Correction: the previous inserts 'false' in the page. The following takes care of that, this technique is used in jQuery. 

    diff --git a/src/livepipe.js b/src/livepipe.js
index 7905e60..dc3efcd 100644
--- a/src/livepipe.js
+++ b/src/livepipe.js
@@ -316,7 +316,7 @@ var IframeShim = Class.create({
    


    initialize: function() {
    this.element = new Element('iframe',{
        style: 'position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);display:none',

    


      

    •     src: 'javascript:void(0);',

      • 

    •     src: 'javascript:false;document.write("");',
    frameborder: 0
});
$(document.body).insert(this.element);
  • hobodave

    hobodave August 13th, 2008 @ 08:27 PM

    @@@javascript diff --git a/src/livepipe.js b/src/livepipe.js index 7905e60..dc3efcd 100644 --- a/src/livepipe.js +++ b/src/livepipe.js @@ -316,7 +316,7 @@ var IframeShim = Class.create({

    initialize: function() {
    this.element = new Element('iframe',{
        style: 'position:absolute;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);display:none',

    •     src: 'javascript:void(0);',

    •     src: 'javascript:false;document.write("");',
    frameborder: 0
});
$(document.body).insert(this.element);
  • hobodave

    hobodave August 13th, 2008 @ 08:28 PM

    well, lighthouse is looking like ass, I dont know why

  • DavePBand

    DavePBand May 13th, 2009 @ 08:35 PM

    This is such a shame, as none of the above solutions work for me, and It is such a nice control (except for the IE6 issue).

    any updates on this issue?

  • Nathan L Smith

    Nathan L Smith October 23rd, 2009 @ 09:51 AM

    • State changed from “unconfirmed” to “resolved”
  • hobodave

    hobodave October 29th, 2009 @ 04:21 PM

    • Assigned user changed from “Ryan Johnson” to “Nathan L Smith”

    Why was this closed as resolved? It still exists and has not been addressed.

  • Nathan L Smith

    Nathan L Smith October 30th, 2009 @ 10:00 AM

    @hobodave:

    • Please Sign in or create a free account to add a new ticket.

    With your very own profile, you can contribute to projects, track your activity, watch tickets, receive and update tickets through your email and much more.

    New-ticket Create new ticket

    Create your profile

    Help contribute to this project by taking a few moments to create your personal profile. Create your profile ยป

    NOTE: Please do not open tickets here. If you have an issue, please open it on http://github.com/syntacticx/livepipe-ui/issues/

    High quality widgets and controls for web 2.0 applications built using the Prototype JavaScript Framework. Each control is well tested, highly extensible, fully documented and degrades gracefully for non JavaScript enabled browsers where possible. MIT licensed and actively maintained.

    People watching this ticket

    Tags

    Pages