trigger jQuery event from code behind file (asp.net)

Question

I'm working on an simple application which shows a list of contacts from a db. It's possible to add new contacts to the db, and if a new contact is successfully added a message telling so is visible.

The place is shown in a label inside a div which by default is set to Visible=false. When a contact is successfully added Visible is set to true and a message is shown in the labels text. So far so good.

The thing is that I want the message to disappear after 10 seconds, and for doing that I want to use jQuery. What I need help with is how to trigger the jQuery function from the code behind file. I've tried to check if the element exists and if so fire the function, but nothing happens.

Thanks in advance!

from code behind:

protected void ContactObjectDataSource_Inserted(object sender, ObjectDataSourceStatusEventArgs e) {
        if (e.Exception != null) {
            AddErrorMessage("An error occurred.");
            e.ExceptionHandled = true;
        }
        else {
            successMessage.Visible = true;
            message.Text = "The contact was successfully added!";
        }
    }

from default.aspx:

    <div id="successMessage" runat="server" visible="False">
            <asp:Label ID="message" runat="server"></asp:Label>
    </div>

from the js-file:

var Capsule = {

    hideMessage: function () {
        setTimeout(function() {
                $("#successMessage").hide("fade", {}, 1000);
        }, 5000);
    }
}

window.onload = Capsule.init;

Vikram · Accepted Answer · 2012-02-24 08:40:43Z

1

you can use the following code to call the jquery function from c#:

ScriptManager.RegisterStartupScript(this.Page, this.GetType(), "tmp", "<script type='text/javascript'>hideMessage();</script>", false);

answered Feb 24, 2012 at 8:40

Vikram

8,32335 silver badges47 bronze badges

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

1 Comment

holyredbeard Over a year ago

I've added that line now, but it doesn't seem to work? I have debugged so that I can see that the line is really executed. I have my jQuery code in a separate js.file (i have tested that it works), if that matters.

Community · Accepted Answer · 2017-05-23 10:34:50Z

0

Hi here for doing this you can use Ajax.dll and create the Ajax.Method.

Note: but cannot use any serverside control in this method. you need to pass the values in your method and also display your out message on client side. returning false will not postback you page as well.

refer to the below section for practical implementation.

Refer this link.

edited May 23, 2017 at 10:34

CommunityBot

11 silver badge

answered Feb 24, 2012 at 8:41

Murtaza

3,0752 gold badges28 silver badges39 bronze badges

Collectives™ on Stack Overflow

trigger jQuery event from code behind file (asp.net)

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related