Question

I have a < div > in my aspx page which has some notification messages (like success or error messages)

There is also a button which does some work on server. at the end, I am populating a small asp:repeater inside that div, and calling a javascript function which slides down the div.

Theoretically, when you click the button, the repeater should be populated, and since JS is client side, after server has done all its thing, and at the end of partial postback / pageload, the js should trigger and slide the div down.

But in Reality the div just appears all of a sudden.. its not sliding down smoothly at all. Am I missing something?

the way I am calling js from c# code is like this:

ClientScript.RegisterStartupScript(typeof(Page), "showRQ", "<script language='javascript'> ShowRQ();</script>");

and showRQ is a function with a simple definition:

function ShowRQ() {
            $('.divRQ').slideDown();
            $('.txtExtraInfo').focus();
        }

the weirdest thing is, the text is not being focused too!
i added an alert just to make sure the function is being called, and it is. actually, the divRQ is set to display:none so if its visible at all, its because of the slideDown(), but its not sliding Down.. what do I need to do to make it slide down?

Thanks!

Answer 1

Your function is being called before the page loads.
Therefore, your two selectors aren’t matching any elements, and the function won’t do anything.

To fix this, you can execute the function after the page finishes loading, like this:

<script language='javascript'> $(ShowRQ);</script>

Since ShowRQ is a function, this is equivalent to $(function() { ... }).