Hi,

I have create new module with Ajax modalpop up in that. I have used link button and set

<ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
            TargetControlID="LinkButton1">

So when we click on link button pop up will be open. Its working fine in FF but with IE its not working properly.

Now I want to open AJAX pop up window on page unload. So pop up will be open when user exit from the page.

Is it possible in DNN ?

How I can do this?

Its very urgent for me to fix this.

Any help will be appreciatable.

This is my code ...

 <script type="text/javascript">
        var styleToSelect;
        function onOk() {
            $get('Paragraph1').className = styleToSelect;
        }
      
        // Add click handlers for buttons to show and hide modal popup on pageLoad
        function pageLoad() {
          
            $addHandler($get("showModalPopupClientButton"), 'click', showModalPopupViaClient);
            $addHandler($get("hideModalPopupViaClientButton"), 'click', hideModalPopupViaClient);           
            
        }
      
        function showModalPopupViaClient(ev) {
            ev.preventDefault();
            var modalPopupBehavior = $find('programmaticModalPopupBehavior');
            modalPopupBehavior.show();
        }
      
        function hideModalPopupViaClient(ev) {
            ev.preventDefault();      
            var modalPopupBehavior = $find('programmaticModalPopupBehavior');
            modalPopupBehavior.hide();
        }
       

  </script>



<div>

        <div >Popup</div>
      
        <asp:LinkButton ID="LinkButton1" runat="server" Text="Click here for PopUp" />
      
        <asp:Panel ID="Panel1" runat="server" Style="display: none" CssClass="modalPopup">
            <asp:Panel ID="Panel3" runat="server" Style="cursor: move;background-color:#DDDDDD;border:solid 1px Gray;color:Black">
                <div>
                    <p>Pop Up...</p>
                </div>
            </asp:Panel>
                <div style= "background-color:White">
                   <b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                   Get Email Upadates and more.
                   &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </b>
                   <br />
                  
                    <br /> Register with us.
                    <br />
                    <p style="text-align: center;">
                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                         <asp:Button ID="OkButton"  runat="server" Text="Close" />
                        <%--<asp:Button ID="CancelButton" runat="server" Text="Cancel" />--%>
                    </p>
                    <br />
                </div>
              
        </asp:Panel>
        <ajaxToolkit:ModalPopupExtender ID="ModalPopupExtender1" runat="server"
            TargetControlID="LinkButton1"
            PopupControlID="Panel1"
            Drag ="true"
            RepositionMode="RepositionOnWindowResize"          
            BackgroundCssClass="modalBackground"
            OkControlID="OkButton"
            OnOkScript="onOk()"
            CancelControlID="CancelButton"
            DropShadow="true"
            PopupDragHandleControlID="Panel3"          
          
           
              />
        <br />
        <br /><hr /><br />
    </div>

 not sure if my problem is similar to the original post, but...

my module call modalpop.show() and it works in FF and IE on my dev box, but on my server it doesnt work in IE 7 !

A black box appears at the top left of the page and the actual popup contents show up after the other content on the page.

Any thoughts as to why the popup works on my dev box in IE and Firefox (and Chrome btw) and does work in FF & Chrome but NOT IE 7 when served up from my server?

thanks.