2012-02-04 6 views
0

Я пытаюсь сделать простую анимацию импульсов в ASP.NET с помощью набора инструментов AJAX. Он работает во всех других браузерах, кроме IE, где он остается неподвижным. Кто-нибудь знает, есть ли способ сделать его совместимым с IE? Я кое-что прочитал о ForceLayoutInIE, но не уверен, что это импульс или просто Fade.AJAX Toolkit - AnimationExtender - поддержка IE

Вот код. Не возражайте против Таймера, это для чего-то еще.

<asp:UpdatePanel ID="upnlMessage" runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
     <asp:Timer ID="Timer1" runat="server" Interval="10000" OnTick="Timer1_Tick" /> 
     <center> 
      <asp:Label ID="lblMessage" runat="server" CssClass="feedbackmessage" /> 
      <ajax:AnimationExtender ID="lblMessage_AnimationExtender" runat="server" Enabled="True" 
       TargetControlID="lblMessage"> 
       <Animations> 
        <OnLoad> 
         <Sequence> 
         <Pulse Duration="0.5" Iterations="0" /> 
         </Sequence> 
        </OnLoad> 
       </Animations> 
     </center> 
    </ContentTemplate> 
</asp:UpdatePanel> 

ответ

0

Хорошо, я выяснил его часть. По какой-то причине IE не очень хорошо реагирует на объекты ASP.NET. Вероятно, это связано с тем, как ASP.NET переименовывает идентификаторы элементов управления на стороне клиента. Мое обходное решение состояло в том, чтобы установить объект AnimationExtender в div, который обертывает вокруг метки, а не сам элемент управления Label ASP.NET. Поэтому мой код теперь выглядит так:

<asp:UpdatePanel ID="upnlMessage" runat="server" UpdateMode="Conditional"> 
    <ContentTemplate> 
     <asp:Timer ID="Timer1" runat="server" Interval="10000" OnTick="Timer1_Tick" /> 
     <div id="divMessage"> 
      <center> 
       <asp:Label ID="lblMessage" runat="server" CssClass="feedbackmessage" /> 
       <ajax:AnimationExtender ID="lblMessage_AnimationExtender" runat="server" Enabled="True" TargetControlID="divMessage"> 
       <Animations> 
        <OnLoad> 
         <Sequence> 
         <Pulse Duration="0.5" Iterations="0" /> 
         </Sequence> 
        </OnLoad> 
       </Animations> 
      </center> 
     </div> 
    </ContentTemplate> 
</asp:UpdatePanel>