|
|
Rank: Member
Groups: Member
Joined: 10/25/2007
Posts: 16
|
Hello! I use a Dialog to show a waiting message when the user click on a button. I tried it in FireFox and it's working but in IE it doesn't work. I probably do something wrong because on your demo page it's working on both browser. Here's the code:
Code: HTML/ASPX
<eo:Dialog runat="server" id="DialogWait" ClientSideOnInitDialog="ShowWaitingText" BackShadeColor="Blue" BorderStyle="Solid"
AllowResize="True" ControlSkinID="None" Width="200px" BorderWidth="1px" Height="80px"
BorderColor="#335C88" ShadowDepth="3" HeaderHtml="Loading">
<ContentTemplate>
<table border="0" width="200" style="text-align:center;">
<tr>
<td align="center">
<img src="New_Images/Rotation3.gif" />
</td>
</tr>
<tr>
<td align="center">
<div id="divWaitingText" style="color:Red;font-size:14px;font-weight:bold;"></div>
</td>
</tr>
</table>
</ContentTemplate>
<HeaderStyleActive CssText="padding-right: 4px; padding-left: 4px; font-size: 11px; background-image: url(00070104); padding-bottom: 3px; padding-top: 3px; font-family: tahoma"></HeaderStyleActive>
<ContentStyleActive CssText="border-top: #335c88 1px solid; background-color: #e5f1fd"></ContentStyleActive>
</eo:Dialog>
Code: JavaScript
function ShowWaitingMessage()
{
eo_GetObject('DialogWait').show(true);
}
I trigger the ShowWaitingMessage function on the onclick event. Here's an example:
Code: HTML/ASPX
<div class='Pointeur' runat="server" onclick="HideTab();ShowWaitingMessage();__doPostBack('ChangeProduit','Estimateur');" id="estimateur" ></div>
Thanks!
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
Hi Yannick,
We tried your code in an empty page and it works fine. So I am guessing it might have something to do with your page contents. Can you also try it in an empty page and see how it goes? If that works, then we can start to look into other page contents and see what triggered it.
Thanks
|
|
Rank: Member
Groups: Member
Joined: 10/25/2007
Posts: 16
|
Hello! I created a new web form but I still have the same error. Here's all the code:
Code: HTML/ASPX
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>
<%@ Register Assembly="EO.Web" Namespace="EO.Web" TagPrefix="eo" %>
<!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>Untitled Page</title>
<script>
function ShowWaitingMessage2()
{
eo_GetObject('DialogWait2').show(true);
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div class='Pointeur' style="width:50px;height:50px;background-color:Aqua;" runat="server" onclick="ShowWaitingMessage2();__doPostBack('ChangeProduit','Estimateur');" id="estimateur" ></div>
<input type="submit" runat="server" onclick="ShowWaitingMessage2();" id="estimateur2" />
<eo:Dialog runat="server" id="DialogWait2" BackShadeColor="Blue">
<ContentTemplate>
<table border="0">
<tr>
<td align="center">
<img src="New_Images/Rotation3.gif" />
</td>
</tr>
<tr>
<td nowrap="true">Please wait...</td>
</tr>
</table>
</ContentTemplate>
</eo:Dialog>
</form>
</body>
</html>
Code: C#
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class Test : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (IsPostBack)
{
System.Threading.Thread.Sleep(2000);
}
}
}
Thanks for your help!
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
Hi,
I tried your code at here and it works as expected: when the dialog is shown, you can no longer click submit button or the blue div region. This continues until the page is reloaded and then you will be able to click it again.
Can you let me know on which step you see different result?
Thanks
|
|
Rank: Member
Groups: Member
Joined: 10/25/2007
Posts: 16
|
Sorry I just saw that I didn't tell you what exactly is the problem  The problem is the animated gif... in firefox I can see the animation but in IE I only see one image with no animation. Thanks!
|
|
Rank: Administration
Groups: Administration
Joined: 5/27/2007
Posts: 24,217
|
Hi Yannick,
That has nothing to do with the dialog. It has to do with how IE interprets a page's life cycle. You are displaying a dialog and immediately do a post back. IE regards the current page's life cycle has ended as soon as you did the post back, while FireFox waits until the new page arrives. Since IE decided the current page's life cycle has ended as soon as you started the post back, it would stop spin your animation at that point.
You may want to consider using our CallbackPanel to change page contents on the background. That way the hosting page would always stand and live.
Thanks
|
|