Load Jquery on buttonclick asp.net

Question

Hi i am trying to load the following jquery on buttonclick in the code behind, however nothing seems to be happening;

    StringBuilder sb = new StringBuilder();
    sb.Append("$(document).ready(function () {");
    sb.Append("$.gritter.add({");
    sb.Append("title: 'This is a regular notice!',");
    sb.Append("text: 'This will fade out after a certain amount of time. Vivamus eget tincidunt velit. Cum sociis natoque penatibus et <a href='#' style='color:#ccc'>magnis dis parturient</a> montes, nascetur ridiculus mus.',");
    sb.Append("image: 'http://a0.twimg.com/profile_images/59268975/jquery_avatar_bigger.png',");
    sb.Append("sticky: false,");
    sb.Append("time: ''");
    sb.Append("});");
    sb.Append("});");


    Page.ClientScript.RegisterClientScriptBlock(this.GetType(), Guid.NewGuid().ToString(), sb.ToString(), true);

Can anyone see what i am doing wrong?

Are you getting script errors in your browser? What does this look like if you do a view-source? — Michael Haren
– Michael Haren, Commented Apr 25, 2011 at 13:36
No i am not getting any errors, nothing appears on source code either. — pmillio
– pmillio, Commented Apr 25, 2011 at 14:06

Jamie Treworgy · Accepted Answer · 2011-04-25 15:32:38Z

3

Without knowing the context (UpdatePanel? Postback? Why do this from the server at all?) it's hard to say.

You should probably be using RegisterStartupScript instead of RegisterClientScriptBlock, if this happens to be in an UpdatePanel. Otherwise it will never be executed.

Also I can't think of a good reason why this needs to be created from the server in the first place. Put your code in a function that loads with the page, and call the function from a client event (e.g. onclick or better, register an event handler using jQuery) rather than trying to create the entire function and run it after a postback, e.g.

(editied based on comments) -- just set your functions up for either condition. If the only thing different is the title, you don't need two functions, e.g.

<script type="text/javascript">
function addNotice(success) {
    var title = success ? "This is a regular notice!" : "This is a failed notice";
    var text = success? "Success text" : "Failed text";
    $.gritter.add({
        title: title,
        text: text,
        ...
     });
}
</script>

In c#:

bool success; // your update should set a bool somewhere based on whether it 
              // succeeded
Page.ClientScript.RegisterStartupScript("addNotice(" + success.ToString() + ");");
             // will render "addNotice(true)" or "addNotice(false)"

A better way to do this would be with ajax instead of posting back, but that would be a different kettle of fish and this should work with your current architecture.

edited Apr 25, 2011 at 15:32

answered Apr 25, 2011 at 13:37

Jamie Treworgy

24.4k9 gold badges81 silver badges120 bronze badges

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

3 Comments

pmillio Over a year ago

The reason it needs to be added server side, is the image that appears is dynamic, also depending on success or failure i want to load a different jquery, does that make sense?

Jamie Treworgy Over a year ago

I don't know anything about the gritter plugin, but none of what you've said tells me that it needs to be done on the server. There's no issue with loading an image from client script, or acting conditionally. I would need to see some more context to better respond to that, however..

pmillio Over a year ago

I am checking in the database is allowed to insert data, if they are i allow them to insert the data, and display a jquery notification. If they are not allowed i display a different version of the notification. i hope i am making sense

Collectives™ on Stack Overflow

Load Jquery on buttonclick asp.net

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related