[CLOSED] Dynamically loaded pages issue in Chrome and Firefox

[bakardi]

I have user controls which is loaded dynamically into panel:

 protected void Page_Init(object sender, EventArgs e)
        {
            if (Request["control1_ShowHideControl2"] == "true")
            {
                var control2i = (control2)LoadControl("control2.ascx");
                control2i.ID = "control2";
                pnlControl2Content.ContentControls.Add(control2i);
            }
        }


        protected void ShowControl2(object sender, DirectEventArgs e)
        {
            try
            {
                if (pnlControl2Content.FindControl("control2") == null)
                {
                    var control2i = (control2)LoadControl("control2.ascx");
                    control2i.ID = "control2";
                    pnlControl2Content.ContentControls.Add(control2i);
                    ShowHideControl2.Text = "true";
                    pnlControl2Content.Render();

                }
            }
            catch (Exception ex)
            {

            }
        }

        protected void HideControl2(object sender, DirectEventArgs e)
        {
            ShowHideControl2.Text = @"false";
        }

<ext:Hidden ID="ShowHideControl2" runat="server" />
<ext:Window ID="winControl2" runat="server" Hidden="true" Layout="Fit" Width="920"
    Height="430" Modal="true">
    <Items>
        <ext:Container ID="pnlControl2Content" runat="server" />
    </Items>
    <DirectEvents>
        <beforeshow onevent="ShowControl2">
                        <EventMask ShowMask="true" />
                    </beforeshow>
        <beforehide onevent="HideControl2" />
    </DirectEvents>
</ext:Window>

I have JavaScript function alertfnc in Content on control2.ascx:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="control2.ascx.cs" Inherits="testtreedrid.control2" %>
<%@ Register Assembly="Ext.Net" Namespace="Ext.Net" TagPrefix="ext" %>
<ext:FitLayout runat="server">
    <Items>
        <ext:Container ID="Container1" runat="server" Layout="Fit">
            <LayoutConfig>
                <ext:ColumnLayoutConfig Split="true" />
            </LayoutConfig>
            <Items>
                <ext:TreePanel ID="TreePanel1" runat="server" Animate="true" UseArrows="true" RootVisible="false"
                    AutoScroll="true" ColumnWidth="0.5">
                    <Loader>
                        <ext:PageTreeLoader OnNodeLoad="LoadDefaultCartItems">
                        </ext:PageTreeLoader>
                    </Loader>
                    <Root>
                        <ext:AsyncTreeNode Text="Cart Items">
                        </ext:AsyncTreeNode>
                    </Root>
                    <Buttons>
                                        <ext:Button ID="Button1" runat="server" Icon="CartGo">
                    <Listeners>
                        <Click handler="alertfnc();" />
                    </Listeners>
                </ext:Button>
                    </Buttons>
                </ext:TreePanel>
            </Items>
                      
        </ext:Container>
    </Items>
       <Content>
                <ext:XScript ID="XScript1" runat="server">
                    <script type="text/javascript">
                        var alertfnc = function () {
                            alert('jopa');
                        }
                    </script>
                </ext:XScript>
            </Content>
</ext:FitLayout>

This code works fine fo IE, but in FF and Chrome JS function not available