how to call jquery function call in asp.net c#?

Question

I want to show division for 5 seconds while i do every postback in c#.I am using below function to do that but it doesn't work.

I used this code on page load in c#.

Page.ClientScript.RegisterStartupScript(Page.GetType(), "PostbackClick", "setTimeout(function() { $('#correct').fadeOut(1500); }, 5000)", true);

in aspx page

<script type='text/javascript' src='Scripts/scripts/jquery.min.js'></script>
<script type="text/javascript">
    $(document).ready(function () {
        $('#correct').hide();

    });
</script>

<img alt="" id="correct" src="Que-img/correct.png" />

works well and good for me.Can post what is "correct" and double check if u have jQuery included in page — iJade
– iJade, Commented Oct 18, 2013 at 6:12
Try to show division before postback on client using javascript. — Frank59
– Frank59, Commented Oct 18, 2013 at 6:12

Kiarash · Accepted Answer · 2013-10-18 06:16:48Z

1

use

    RegisterClientScriptBlock(Page.GetType(), "PostbackClick", "$(document).ready(function(){
setTimeout(function() { $('#correct').fadeIn(1500); }, 5000)});", true)

Because you have to wait for JQuery.ready before using jquery selectors. RegisterStartupScript actually happens before jquery ready. in my answer your setTimer will executed on jquery ready

edited Oct 18, 2013 at 6:16

answered Oct 18, 2013 at 6:11

Kiarash

1,9592 gold badges18 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 12:10:58Z

0

You already hiding the image in document.ready function

<script>
    $(document).ready(function () {
        //$('#correct').hide(); // remove this line or comment 
        // because fadeOut will work on visible elements

       function hideImage() {
           setTimeout(function() { $('#correct').fadeOut(1500); }, 5000);
       };
    });
</script>

In C#

Page.ClientScript.RegisterStartupScript(Page.GetType(),"PostbackClick", "script",
                                        "hideImage();" true);

How to Call Jquery from C# will help you

edited May 23, 2017 at 12:10

CommunityBot

11 silver badge

answered Oct 18, 2013 at 6:15

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

2 Comments

Vivek Parikh Over a year ago

actually i want image to be disappear after 5 seconds.

Vivek Parikh Over a year ago

not working..Btw i want to show image for 5 sec after postpack click.

iJade · Accepted Answer · 2013-10-18 06:52:26Z

0

I guess i got your issue ...Modify your code as below

$(document).ready(function () {
     $('#correct').hide();
    $('#btnId').click(function(){
          $('#correct').show();
          setTimeout(function() { $('#correct').fadeOut(1500); }, 5000);
    });
});

and remove

Page.ClientScript.RegisterStartupScript(Page.GetType(), "PostbackClick", "setTimeout(function() { $('#correct').fadeOut(1500); }, 5000)", true);

Here is the demo

edited Oct 18, 2013 at 6:52

answered Oct 18, 2013 at 6:44

iJade

23.9k58 gold badges163 silver badges250 bronze badges

Collectives™ on Stack Overflow

how to call jquery function call in asp.net c#?

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related