I Created a webpage with panel Layout="Accordion". the page works fine under firefox, google chrome but NOT Internet Explorer version 7 and more.

My code is :




<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="UBDiensten.aspx.cs" Inherits="IntranetExt.UBDiensten" %>


<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>


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


<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>


</head>
<body>
    <form id="form1" runat="server">
    
       
        
        <ext:ResourceManager ID="ResourceManager1" runat="server" />
    
           <ext:Viewport ID="Viewport1" runat="server" Layout="Border">
        <Items> 
            <ext:Panel ID="Panel1" runat="server" Width="300" Border="false" Region="West" Layout="VBox">
                <LayoutConfig>
                    <ext:VBoxLayoutConfig Padding="5" Align="Stretch" />
                </LayoutConfig>
                <Items>
                    <ext:Panel ID="Panel2"    runat="server" Flex="1" Layout="Accordion" Margins="0 0 15 0">
                        <LayoutConfig>
                            <ext:AccordionLayoutConfig    OriginalHeader="true"  />
                        </LayoutConfig>
                        <Items>
                            
                        </Items>
                    </ext:Panel>
                    
                   
                </Items>
                
            </ext:Panel>
            
            <ext:Panel ID="pnlCenter" runat="server" Margins="5" Region="Center" Padding="10">
                <Content>
                    <h1>Original header of the Accordion's item</h1>
                </Content>
                
            </ext:Panel>
        </Items>
    </ext:Viewport>
    

    </form>
</body>
</html>

and the code behind like this:




      InternetTijdelijkDataContext dc = new InternetTijdelijkDataContext();


        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                
                string turl = "";


                if (Request.QueryString["Rurl"] == null) turl = "http://www.maastrichtuniversity.nl/library"; else turl = Request.QueryString["Rurl"];




                var rub = from p in dc.Rubrieks
                          select p;




                foreach (Rubriek tet in rub)
                {


                    Ext.Net.Panel p = new Ext.Net.Panel();
                    //p.LoadContent("ubdiensten/keuze.aspx?R_id=" + tet.id);
                    
                    p.ID = "pnl" + tet.id;
                    p.Title = "" + tet.Items + "";


                    p.AutoLoad.Url = "ubdiensten/keuze.aspx?R_id=" + tet.id;
                    p.AutoLoad.ShowMask = true;
                    p.AutoLoad.MaskMsg = "Data aan het laden";
                    p.AutoLoad.NoCache = false;
                    p.AutoScroll = true;
                    p.AddTo(this.Panel2);
                }


                pnlCenter.AutoLoad.Url = turl;
                pnlCenter.AutoLoad.ShowMask = true;
                pnlCenter.AutoLoad.Mode = LoadMode.IFrame;
               
            }      
        
        }
    
      
    }
problem IE:
the Accordion is not loading the href links in the panel. its only loading Showmask


The attached is google chrome screenshot. this works fine!


what is wrong about this code?


error is: dom.innerHTML=html.replace(/(?:<script.*?>)((\n|\r|.)*?)(?:<\/script>)/ig,"")