SSL error message in IE7 and IE8 upon control removal

  •  08-29-2012, 10:12 AM

    SSL error message in IE7 and IE8 upon control removal

    When removing the CuteEditor control from the DOM using JavaScript on an SSL connection, an "Insecure items" warning message is displayed by the browser.

     

    In the example provided, the main CuteEditor table is being removed.

     

    This behavour was not observed in IE9, Safari 5.1.7 or Chrome 21.0.1180.83. 

     

    Browsers affected: IE7, IE8.

     

    I have a workaround which is included in the example. You may, however, want to look at this to see what the underlying issue is.

     

    Regards

     

    Daniel Barratt

     

    EXAMPLE BELOW:

     

     <%@ Page Language="C#" %>


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


    <script runat="server">


        protected void Page_Load(object sender, EventArgs e)
        {
            CuteEditor.Editor test = new CuteEditor.Editor();
            test.ID = "MyCuteEditor";
            ParentDIV.Controls.Add(test);
        }
    </script>


    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>
        <script type="text/javascript">
            function removeCuteEditor() {


                var pd = document.getElementById('ParentDIV');
                var ce = document.getElementById('CE_MyCuteEditor_ID');


                var bUseBrokenMethod = confirm('Do you want to see the SSL error?');


                if (!bUseBrokenMethod) {
                    pd.innerHTML = '';
                }
                else {
                    //this produces "insecure items (non-SSL)" message in IE7 and IE8
                    pd.removeChild(ce);
                }


            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div runat="server" id="ParentDIV">
        
        </div>
        <input type="button" value="Remove CuteEditor" onclick="removeCuteEditor();" />
        </form>
    </body>
    </html>


     

     

View Complete Thread