Comment appeler la fonction Jquery à partir de C#

Je voudrais fadein et un div après l'exécution du code. Cette fonction JQuery fonctionne bien lors de l'utilisation du bouton onclientclick de la propriété. Mais, Incapable de l'appeler à partir de c#.

JS:

function Confirm()
{
 $(".saved").fadeIn(500).fadeOut(500);
}

C#:

protected void btnsave_click(object sender, Eventargs e)
{
  //some code
  upd.update();
  ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "Confirm", 
   "<script type='text/javascript'>Confirm();</script>", true);
}

HTML:

<asp:updatepanel id="upd" runat="server" updatemode="conditional">
 <triggers>
  <asp:asyncpostbacktrigger controlid="btnsave" eventname="click"/>
 </triggers>
 <contenttemplate>
  <div style="position:relative">
    <span class="saved">Record Saved</span>
    <asp:gridview....../>
  </div>
  <asp:button id="btnsave" runat="server" text="save" onclick="btnsave_click"/>
 </contenttemplate>
</asp:updatepanel>

CSS:

.saved
{
  position:absolute;
  background:green;
  margin:0 auto;
  width:100px;
  height:30px;
  visibility:hidden;
}
Un coup d'oeil, il travaille avec moi stackoverflow.com/a/6859805/4074774

OriginalL'auteur Ruby | 2014-03-06

  1. 7

    C#

    protected void btn_click(object sender, Eventargs e)
{
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "Confirm();", true);
}

    JS:

    <script>
   function Confirm()
   {
      $(".saved").fadeIn(500).fadeOut(500);
   }
</script>

    Améliorer Modifier Le Code

    C#

    protected void btn_click(object sender, Eventargs e)
{
    ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "script", "Confirm();", true);
}

    JS:

    <script>
    $(document).ready(function () {

       function Confirm() {
           $(".saved").fadeIn(500).fadeOut(500);
       };
    });
</script>
    Je vous remercie. Qui ne fonctionnait que lorsque les css visibilité est 'visible'. Je voudrais la durée pour rester caché. Sur le click du bouton, il devrait s'estomper dans et hors.
    Ok Compris...$(".enregistré").css("visibilité","visible").fadeIn(500).fadeOut(500);

    OriginalL'auteur Jay Patel

  2. 1

    Lors de l'utilisation asynchrone post le dos est bon de comprendre les événements que vous pouvez réellement poignée sur le côté client (fichier aspx).

    Si vous voulez exécuter une fonction client (jquery, javascript) après asynchrone post de retour a été fait, je vous suggère d'utiliser le pageLoaded événement sur le côté client. Afin que votre javascript est quelque chose comme ce qui suit:

    function pageLoad(sender, args) { 
    $(".saved").fadeIn(500).fadeOut(500);
}

    Pour plus d'informations, veuillez vous reporter à cette page MSDN sur le Ordre des Événements pour les Scénarios Courants section.

    Espère que cette aide

    Modifier après le commentaire pour ajouter le filtre exemple

    À la logique de filtre dans le pageLoad événement en fonction de l'élément qui a déclenché l'événement, comme indiqué dans cette page MSDN, sur la l'Animation de Panneaux section, vous pouvez faire quelque chose comme ceci:

    var postbackElement;

function beginRequest(sender, args) {
    postbackElement = args.get_postBackElement();
}
function pageLoaded(sender, args) {
    if (typeof(postbackElement) === "undefined") {
        return;
    } 
    else if (postbackElement.id.toLowerCase().indexOf('btnsave') > -1) {
        $(".saved").fadeIn(500).fadeOut(500);
    }
}
    Il y a d'autres événements de publication trop qui ne nécessitent pas la durée de fadein. Comment puis-je filtrer ensuite.
    Il est un exemple pour que, dans cette page msdn.microsoft.com/en-us/library/bb398976.aspx , sur l'Animation de section de Panneau de... la chose principale est d'utiliser la beginRequest événement pour stocker dans une variable de l'élément qui est la collecte, la publication et l'utilisation de cette variable pour filtrer les pageLoad code d'événement.
    J'ai mis à jour ma réponse avec un exemple

    OriginalL'auteur juanreyesv

  3. 0

    ...

    ClientScript.RegisterClientScriptBlock(this.GetType(), "script", "Confirm();", true);

    OriginalL'auteur Bala