Hi there,

 I have 2 image buttons linked with the animation extender inside a gridview on a page. When I run the page, IE will give me an waring:

"A script on this page is causing internet explorer to run slowly. If it continues to run your computer may become unresponsive."

If I removed one animation extender, the warning will not come up. But the page is redering slow.

Any ideas please?

Thanks in advanced.

I have had that issue when the gridview was taking a long time to load.
The message error is there only because the animation script is running while your grid loads.

 How many record do you return in the grid and how long does the query run for?

It will return about 50 records in the grid. The query runs really fast. The page in Firefox will take only 1-2 secondes to load. But in IE it will give error message.

Strange, can you post the aspx code?

<asp:GridView ID="Gv_TaskView_Clinic_Stud" runat="server" AutoGenerateColumns="False" DataKeyNames="Plan_TaskID" DataSourceID="SqlDs_TaskView_Clinic_Stud" CssClass="text" OnSelectedIndexChanged="Gv_TaskView_Clinic_SelectedIndexChanged" Width="100%" CellPadding="2" OnRowDataBound="Gv_TaskView_Clinic_Stud_RowDataBound" OnRowDeleting="Gv_TaskView_Clinic_Stud_RowDeleting">

<asp:TemplateField HeaderText="Horse" SortExpression="FarmName">

<EditItemTemplate>

<asp:Label ID="Label16" runat="server" Text='<%# Bind("FarmName") %>'></asp:Label>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="Label6" runat="server" Text='<%# Bind("FarmName") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" />

</asp:TemplateField>

<asp:TemplateField HeaderText="Plan" SortExpression="PlanName">

<EditItemTemplate>

<asp:Label ID="Label15" runat="server" Text='<%# Bind("PlanName") %>'></asp:Label>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="Label5" runat="server" Text='<%# Bind("PlanName") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" />

</asp:TemplateField>

<asp:TemplateField HeaderText="Task" SortExpression="TaskName">

<EditItemTemplate>

<asp:Label ID="Label11" runat="server" Text='<%# Bind("TaskName") %>'></asp:Label>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="Label1" runat="server" Text='<%# Bind("TaskName") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" />

</asp:TemplateField>

<asp:TemplateField HeaderText="Group" SortExpression="AnimalGroup">

<EditItemTemplate>

<asp:Label ID="Label21" runat="server" Text='<%# Bind("AnimalGroup") %>'></asp:Label>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="Label2" runat="server" Text='<%# Bind("AnimalGroup") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" />

</asp:TemplateField>

<asp:TemplateField HeaderText="Task Start" SortExpression="TaskStart">

<EditItemTemplate>

<asp:Label ID="Label22" runat="server" Text='<%# Eval("TaskStart") %>'></asp:Label>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="Label3" runat="server" Text='<%# Bind("TaskStart") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" Width="68px" />

</asp:TemplateField>

<asp:TemplateField HeaderText="Stud" SortExpression="Owner">

<EditItemTemplate>

<asp:Label ID="Label12" runat="server" Text='<%# Eval("Owner") %>'></asp:Label>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="Label7" runat="server" Text='<%# Bind("Owner") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" />

</asp:TemplateField>

<asp:TemplateField HeaderText="Editable By" SortExpression="CanBeModifiedBy">

<EditItemTemplate>

<asp:DropDownList ID="DropDownList2" runat="server" SelectedValue='<%# Bind("CanBeModifiedBy") %>'>

<asp:ListItem Value="Vet and Farmer">Vet and Farmer</asp:ListItem>

<asp:ListItem Selected="True">Vet</asp:ListItem>

<asp:ListItem Value="Farmer">Farmer</asp:ListItem>

</asp:DropDownList>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="Label9" runat="server" Text='<%# Bind("CanBeModifiedBy") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" />

</asp:TemplateField>

<asp:TemplateField HeaderText="Vet" SortExpression="Vet">

<EditItemTemplate>

<asp:Label ID="Label222" runat="server" Text='<%# Bind("Vet") %>'></asp:Label>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="Label11" runat="server" Text='<%# Bind("Vet") %>'></asp:Label>

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Left" VerticalAlign="Middle" />

</asp:TemplateField>

<asp:TemplateField HeaderText="Status" SortExpression="TaskStatus">

<EditItemTemplate>

<asp:DropDownList ID="DropDownList1" runat="server" CssClass="ddl_1" SelectedValue='<%# Bind("TaskStatus") %>'>

<asp:ListItem>Not Finished</asp:ListItem>

<asp:ListItem>Finished</asp:ListItem>

</asp:DropDownList>

</EditItemTemplate>

<ItemTemplate>

<img runat="server" id="imgStatus" src='<%# GetStatusImage(DataBinder.Eval(Container.DataItem, "TaskStatus"))%>'

alt='<%#GetAltText(DataBinder.Eval(Container.DataItem, "TaskStatus"))%>' />

</ItemTemplate>

<HeaderStyle HorizontalAlign="Left" VerticalAlign="Middle" />

<ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />

</asp:TemplateField>

<asp:TemplateField ShowHeader="False">

<EditItemTemplate>

<asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="True" CommandName="Update" Text="Update"></asp:LinkButton>

<asp:LinkButton ID="LinkButton2" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel"></asp:LinkButton>

</EditItemTemplate>

<ItemTemplate>

<asp:ImageButton ID="Imgbtn_Edit_Task_H" runat="server" CausesValidation="False"

CommandName="Edit" ImageAlign="AbsMiddle" ImageUrl="~/images/Edit_page.png" ToolTip="Edit" />

<asp:ImageButton ID="Imgbtn_Detail_Task_H" runat="server" CausesValidation="False"

CommandName="Select" ImageAlign="AbsMiddle" ImageUrl="~/images/Documents.png"

ToolTip="Details" />&nbsp;<asp:ImageButton ID="Imgbtn_Notes_Task_H"

runat="server" CausesValidation="False" CommandName="Select" ImageAlign="AbsMiddle"

ImageUrl="~/images/Sticker.png" OnClick="lnkbtn_Note_Click" ToolTip="Notes" />&nbsp;<asp:ImageButton

ID="Imgbtn_Task_Delete_H" runat="server" CausesValidation="False" CommandName="Delete"

ImageAlign="AbsMiddle" ImageUrl="~/images/Delete.png" ToolTip="Delete" />

<asp:ImageButton

ID="Imgbtn_HTML" runat="server" CausesValidation="False"

ImageAlign="AbsMiddle" ImageUrl="~/images/Help_book.png" ToolTip="HTML Content" OnClientClick="return false;" />

<asp:ImageButton

ID="Imgbtn_Video" runat="server" CausesValidation="False"

ImageAlign="AbsMiddle" ImageUrl="~/images/Film.png" ToolTip="Video Content" OnClientClick="return false;" />

<Ajax:AnimationExtender ID="AE_HTML_1" runat="server"

TargetControlID="Imgbtn_HTML">

<Animations>

<OnClick>

<Sequence>

<EnableAction AnimationTarget="Imgbtn_HTML" Enabled="false"></EnableAction>

<StyleAction AnimationTarget="div_info" Attribute="display" Value="block"/>

<Parallel AnimationTarget="div_info" Duration=".3" Fps="30">

<Move Horizontal="5" Vertical="5"></Move>

<FadeIn Duration=".3"/>

</Sequence>

</OnClick>

</Animations>

</Ajax:AnimationExtender>

<Ajax:AnimationExtender ID="AE_HTML_2" runat="server" TargetControlID="lnkbtn_CloseInfo">

<Animations>

<OnClick>

<StyleAction Attribute="display" Value="none"/>

<StyleAction Attribute="width" Value="250px"/>

<StyleAction Attribute="height" Value=""/>

<StyleAction Attribute="fontSize" Value="12px"/>

<EnableAction AnimationTarget="Imgbtn_HTML" Enabled="true" />

</Sequence>

</OnClick>

</Animations>

<%----%><Ajax:AnimationExtender ID="AE_Video_1" runat="server"

TargetControlID="Imgbtn_Video">

<Animations>

<OnClick>

<Sequence>

<EnableAction AnimationTarget="Imgbtn_Video" Enabled="false"></EnableAction>

<StyleAction AnimationTarget="div_Video" Attribute="display" Value="block"/>

<Parallel AnimationTarget="div_Video" Duration=".3" Fps="30">

<Move Horizontal="5" Vertical="5"></Move>

<FadeIn Duration=".3"/>

</Sequence>

</OnClick>

</Animations>

</Ajax:AnimationExtender>

<Ajax:AnimationExtender ID="AE_Video_2" runat="server" TargetControlID="lnkbtn_CloseVideo">

<Animations>

<OnClick>

<StyleAction Attribute="display" Value="none"/>

<StyleAction Attribute="width" Value="250px"/>

<StyleAction Attribute="height" Value=""/>

<StyleAction Attribute="fontSize" Value="12px"/>

<EnableAction AnimationTarget="Imgbtn_Video" Enabled="true" />

</Sequence>

</OnClick>

</Animations>

</ItemTemplate>

<ItemStyle Width="140px" />

</asp:TemplateField>

</Columns>

<SelectedRowStyle BackColor="Gainsboro" />

<HeaderStyle BackColor="WhiteSmoke" />

<EmptyDataRowStyle CssClass="gridlines" />

</asp:GridView>

And it is still slow when you remove the animations?

It will be better if I remove one of the two animation sets, the error message is not coming up.

The page doesn't have any animation extenders before and works perfect.

Which one?

Either the first one or the other one.

I'm thinking is that because that I have put the animation extender inside the gridview which has lots of records, each time the gridview is loading, the animation extenders will be re-loaded duplicated and slow down the page loading?

Yes, I would not advise having an animation within a multiple rowed datacontrol.

Thank you for your help! I will try to change my design to do it in another way.

OK!