animation UpdatePanel avec jquery

Question

Je suis en train de mettre en œuvre une animation UpdatePanel avec jquery, je cherchais dans le web comment le faire et voici mon code jusqu'à présent:

Head:

<script type="text/jscript" src="http://code.jquery.com/jquery-latest.js"></script> 
<style type="text/css"> 
    #Container 
    { 
     padding: 10px; 
     height: 100px; 
     width: 200px; 
     background: #D3CECE; 
     border: 1px solid #1E36E7; 
    } 
</style> 

corps:

<form id="form1" runat="server"> 
<div>  
    <asp:ScriptManager ID="ScriptManager1" runat="server" EnablePartialRendering="true">   
    </asp:ScriptManager>   
    <asp:Timer ID="Timer1" runat="server" Interval="4000" OnTick="Timer1_Tick"></asp:Timer> 
    <asp:UpdatePanel ID="upOne" runat="server" UpdateMode="Conditional"> 
     <Triggers> 
      <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" /> 
     </Triggers> 
     <ContentTemplate> 
      <div id="Container"> 
       <asp:Label ID="LblTime" runat="server" Text="Time to be set"></asp:Label> 
      </div> 
     </ContentTemplate> 
    </asp:UpdatePanel>    


<script type="text/javascript"> 

    var prm = Sys.WebForms.PageRequestManager.getInstance();   

    // Hook up Page Event Handler - called when panels are created/updated 
    prm.add_pageLoaded(pageLoaded); 

    // Handler implementation 
    function pageLoaded(sender, args) { 

     var panel = findPanel("<%= upOne.ClientID %>", 
           args._panelsUpdated); 
     if (panel) { 
      // find the embedded DIV tag container and fade it in 
      var jPanel = $(panel); 
      jPanel.fadeIn(1500); 
     } 
    } 

    function findPanel(id, panels) { 
     if (panels == null || panels.length < 1) 
      return null; 

     for (var i = 0; i < panels.length; i++) { 
      var el = panels[i]; 
      if (el.id == id) 
       return el; 
     } 

     return null; 
    } 

</script> 
</div> 
</form> 

Il met à jour essentiellement un aspic: étiqueter toutes les 4 secondes avec le datetime courant dans le code sous-jacent.

Je souhaite appliquer l'effet fadeIn à l'ID Div = "Conteneur" mais pour une raison quelconque, cela ne fonctionne pas. Est-ce que quelqu'un pourrait regarder dans le code pour voir ce que je fais mal.? Merci.

Answer 1

Vous pouvez ajouter une ligne avant jPanel.fadeIn (1500); avec jPanel.hide(); et cela devrait faire l'affaire.

lien de référence: click here