how to addClass using $(function() { $('

Question

here is what i have done so far:

//delcare html:

<div class="success" id="divStatus" style="display:none;" ><a href="#" class="close">&times;</a></div>

asp.net code behind:

 ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "_key"+this.UniqueID, "$(function() { $('#divStatus').html('" + msg + "').show().fadeIn(9000).fadeOut(9000); });", true);

//css class:

.success
    {  
        display:block;  
        color: #4F8A10;
        background-color: #DFF2BF;
    }

there is only logical explanation i think of is that, there is no css class(.success) in the >> #divStatus in $function .... is defined?

updated end

i am trying to add an class to the below selector but not sure if this is the right way of doing, any help?

here is what i tried doing but i don't see the the class is added and no action ( expect to see some colours)

"$(function() { $('#divStatus').addClass('success').html(.........

here is the full code i am doing in asp.net in code-behind.

ScriptManager.RegisterClientScriptBlock(this.Page, this.Page.GetType(), "_key"+this.UniqueID, "$(function() { $('#divStatus').html('" + msg + "').show().fadeIn(9000).fadeOut(9000); });", true);

.show().fadeIn(9000).fadeOut(9000) that's not gonna work like you think it is (ie: chaining the calls does not make fadeOut wait for fadeIn to finish). — steveax
– steveax, Commented May 7, 2012 at 3:53
it would be better to help if u add some detailed code in jsfiddle or jsbin.... — lakshmi priya
– lakshmi priya, Commented May 7, 2012 at 3:58
i have updated my question, i am doing this from asp.net code-behind and i know it will work from plain html page. — Nick Kahn
– Nick Kahn, Commented May 7, 2012 at 14:09

Brian Surowiec · Accepted Answer · 2012-05-07 04:34:41Z

1

This might be what you're looking for

HTML

<div id="divStatus"></div>

CSS

#divStatus{
    display: none;
}

.success{
    color: red;
}

JavaScript

$(function() {
    $('#divStatus')
        .html('hello')
        .show('fade', 2000, function(){
            $(this).addClass('success');
        })
        .hide('fade', 2000);
});

an alternative to this could be

$(function() {
    $('#divStatus')
        .html('hello')
        .show('highlight', 2000, function(){
            $(this).addClass('success');
        });
});

answered May 7, 2012 at 4:34

Brian Surowiec

17.3k8 gold badges45 silver badges64 bronze badges

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

1 Comment

Nick Kahn Over a year ago

i have updated my question, i am doing this from asp.net code-behind and i know it will work from plain html page.

lucuma · Accepted Answer · 2012-05-07 03:46:14Z

0

You would probably need to provide more information. The addClass works basically just like you have. Here is a fiddle to display the change you want on a button click:

http://jsfiddle.net/lucuma/6mSXP/

Example: $('#status').html('it worked').addClass('success');

answered May 7, 2012 at 3:46

lucuma

18.3k4 gold badges68 silver badges95 bronze badges

5 Comments

Nick Kahn Over a year ago

i have updated my question, i am doing this from asp.net code-behind and i know it will work from plain html page.

lucuma Over a year ago

Is the registerclientscriptblock being called in a post back?

Nick Kahn Over a year ago

i have this ScriptManager.RegisterClientScriptBlock... code in the event when the user clicks on the button i display that div

Nick Kahn Over a year ago

answer to your question , yes it being called

lucuma Over a year ago

I think you should create a plain old javascript function: function showConfirm(msg) and then call that in your post back.. That way you can put an alert in there and see if it is actually being called.

Collectives™ on Stack Overflow

how to addClass using $(function() { $('

2 Answers 2

1 Comment

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related