Comments on: $(document).ready() and pageLoad() are not the same! http://encosia.com/document-ready-and-pageload-are-not-the-same/ ASP.NET and AJAX code, ideas, and examples. Wed, 16 May 2012 23:02:53 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: Aniket http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-62908 Aniket Fri, 17 Feb 2012 19:06:25 +0000 http://encosia.com/?p=842#comment-62908 Thanks Dave. I was having same issue with ajax, jquery together and resolved using your article by using the pageLoad() {//initialization code} Thanks Dave.

I was having same issue with ajax, jquery together and resolved using your article by using the pageLoad() {//initialization code}

]]> By: pinkPanther http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-62801 pinkPanther Thu, 02 Feb 2012 06:58:08 +0000 http://encosia.com/?p=842#comment-62801 Hi newbie in jquery/ajax here. I cant figure out how to solve this problem. The problem i have is, when btnSubmit is clicked, everything is working fine. But when i click btnClear, jquery stops working. This is a simplied version, the actual code has a gridview instead of lblMessage. Also in actual code btnClear is in each row in the gridview. Any pointer will be greatly appreciated: <pre lang="html"> <head runat="server"> <title></title> <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> <script type="text/javascript"> function pageLoad() { $('#lnkToggle').click(function () { $('#div1').toggle(); }); } </script> </head> <body> <form id="form1" runat="server"> <div> <a href="#" id=lnkToggle onclick="return false;">Toggle</a> <asp:ScriptManager ID="ScriptManager1" runat="server" /> <asp:UpdatePanel runat="server" id="UpdatePanel1" updatemode="Conditional"> <Triggers> <asp:PostBackTrigger controlid="btnSubmit" /> </Triggers> <ContentTemplate> <div id="div1"> Name: <asp:TextBox ID=txtName runat=server /> <br /> Age: <asp:TextBox ID=txtAge runat=server /> <asp:Button ID=btnSubmit OnClick="btnSubmit_Click" Text=Submit runat=server /> </div> <div id=div2> <br /> <hr /> Result: <asp:Label ID=lblMessage runat=server /> <asp:Button ID=btnClear runat=server OnClick="btnClear_Click" Text=Clear /> </div> </ContentTemplate> </asp:UpdatePanel> </div> </form> </body> </pre> Hi newbie in jquery/ajax here. I cant figure out how to solve this problem. The problem i have is, when btnSubmit is clicked, everything is working fine. But when i click btnClear, jquery stops working. This is a simplied version, the actual code has a gridview instead of lblMessage. Also in actual code btnClear is in each row in the gridview. Any pointer will be greatly appreciated:

<head runat="server">
    <title></title>
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    <script type="text/javascript">
 
 
        function pageLoad() {
            $('#lnkToggle').click(function () {
                $('#div1').toggle();
            }); 
        }
 
 
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <a href="#" id=lnkToggle onclick="return false;">Toggle</a>
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <asp:UpdatePanel runat="server" id="UpdatePanel1" updatemode="Conditional">
            <Triggers>
                <asp:PostBackTrigger controlid="btnSubmit" />
            </Triggers>
            <ContentTemplate>
 
                <div id="div1">
                    Name: <asp:TextBox ID=txtName runat=server />
                    <br />
                    Age: <asp:TextBox ID=txtAge runat=server />
                    <asp:Button ID=btnSubmit OnClick="btnSubmit_Click" Text=Submit runat=server />
                </div>
                <div id=div2>
                    <br />
                    <hr />
                    Result:
                    <asp:Label ID=lblMessage runat=server />
                    <asp:Button ID=btnClear runat=server OnClick="btnClear_Click" Text=Clear />
                </div>
            </ContentTemplate>
        </asp:UpdatePanel>
    </div>
    </form>
</body>
]]> By: Adam Spiker http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-62511 Adam Spiker Wed, 25 Jan 2012 21:47:35 +0000 http://encosia.com/?p=842#comment-62511 T Y !!!!!! T Y !!!!!!

]]> By: Anna http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-62504 Anna Wed, 25 Jan 2012 19:52:20 +0000 http://encosia.com/?p=842#comment-62504 Hi Dave, Nice article, but my problem is really unique. I have posted on many forums,but no help, i got struct with this issue from one month. Your help is really appreciated. I have a master page a Inside page 1 I have a grid and onclick on it it opens a new page 2 Inside page 2 i have a update panel and inside update panel I have a user control Inside usercontrol there is a grid (third party tool Obout grid) When a postback happens in usercontrol , my grid stops working. it is kind of disabled. Please help me on this. Vani Hi Dave,

Nice article, but my problem is really unique. I have posted on many forums,but no help, i got struct with this issue from one month. Your help is really appreciated.

I have a master page a
Inside page 1 I have a grid and onclick on it it opens a new page 2
Inside page 2 i have a update panel and inside update panel I have a user control
Inside usercontrol there is a grid (third party tool Obout grid)
When a postback happens in usercontrol , my grid stops working.
it is kind of disabled.

Please help me on this.

Vani

]]> By: Dave Ward http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-61569 Dave Ward Fri, 13 Jan 2012 21:44:10 +0000 http://encosia.com/?p=842#comment-61569 There's nothing exactly like <code>pageLoad()</code> in jQuery, because it doesn't have anything like the UpdatePanel either. It depends on what's happening after the AJAX call. If you're doing something to remove the textbox from the DOM and re-create it as part of your AJAX callback, then you'll still need to reapply the datepicker afterward. The place to do that would be in the <code>success</code> handler of that particular AJAX call. There’s nothing exactly like pageLoad() in jQuery, because it doesn’t have anything like the UpdatePanel either.

It depends on what’s happening after the AJAX call. If you’re doing something to remove the textbox from the DOM and re-create it as part of your AJAX callback, then you’ll still need to reapply the datepicker afterward. The place to do that would be in the success handler of that particular AJAX call.

]]> By: kleinkauff http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-61558 kleinkauff Fri, 13 Jan 2012 19:21:03 +0000 http://encosia.com/?p=842#comment-61558 If i use only jQuery, what is the equivalent to pageLoad()? How can i reatach the datepicker function in a textbox for exemple? if i use only jQuery to make ajax calls, the textbox is never unbinded, correct? If i use only jQuery, what is the equivalent to pageLoad()? How can i reatach the datepicker function in a textbox for exemple?
if i use only jQuery to make ajax calls, the textbox is never unbinded, correct?

]]> By: Code.AdamJZeffer.com - Centering a pop up on a scrolled page http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-47546 Code.AdamJZeffer.com - Centering a pop up on a scrolled page Fri, 18 Nov 2011 23:19:57 +0000 http://encosia.com/?p=842#comment-47546 [...] Thx Dave ! Encosia [...] [...] Thx Dave ! Encosia [...]

]]> By: AJ http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-47543 AJ Fri, 18 Nov 2011 23:14:26 +0000 http://encosia.com/?p=842#comment-47543 I was having this exact issue ... Have every time my page partially posted back I lost all of my js funcationality pageLoad() worked perfect. Thx! I was having this exact issue … Have every time my page partially posted back I lost all of my js funcationality pageLoad() worked perfect. Thx!

]]> By: another .NET developer » استفاده همزمان از jQuery و ASP.NET AJAX UpdatePanel http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-47058 another .NET developer » استفاده همزمان از jQuery و ASP.NET AJAX UpdatePanel Sun, 30 Oct 2011 19:31:01 +0000 http://encosia.com/?p=842#comment-47058 [...] مرجع Categories: AJAX, jQuery, Tips Tags: دیدگاه ها (0) بازتاب ها (0) دیدگاهتان را بنویسید بازتاب [...] [...] مرجع Categories: AJAX, jQuery, Tips Tags: دیدگاه ها (0) بازتاب ها (0) دیدگاهتان را بنویسید بازتاب [...]

]]> By: Saeed Neamati http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-47046 Saeed Neamati Sat, 29 Oct 2011 08:37:00 +0000 http://encosia.com/?p=842#comment-47046 Man, I had a problem with Telerik's RadTreeView, in IE8, and I was searching the whole Internet to find an answer. Alas, they don't support that fine. However, by reading your post and by understanding the difference between pageLoad() and $(document).ready(), I got the clue to solve the problem. And, to me, Microsoft's setTimeout() seems a genus work. Thanks. Man, I had a problem with Telerik’s RadTreeView, in IE8, and I was searching the whole Internet to find an answer. Alas, they don’t support that fine. However, by reading your post and by understanding the difference between pageLoad() and $(document).ready(), I got the clue to solve the problem.

And, to me, Microsoft’s setTimeout() seems a genus work.

Thanks.

]]> By: serkan http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-45530 serkan Tue, 06 Sep 2011 22:19:17 +0000 http://encosia.com/?p=842#comment-45530 This is what I am looking for :) Thank you very much This is what I am looking for :) Thank you very much

]]> By: Link.fr http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-45387 Link.fr Sun, 04 Sep 2011 21:49:00 +0000 http://encosia.com/?p=842#comment-45387 Hello, Thanks, this post is really interresting. I would like to add a fix to a problem that I faced recently regarding the autopostback and the textchanged event of textboxes in a update panel : http://aelassas.free.fr/blog.html#post27 Kind regards, Hello,

Thanks, this post is really interresting.

I would like to add a fix to a problem that I faced recently regarding the autopostback and the textchanged event of textboxes in a update panel : http://aelassas.free.fr/blog.html#post27

Kind regards,

]]> By: naveen http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-45197 naveen Wed, 31 Aug 2011 11:44:18 +0000 http://encosia.com/?p=842#comment-45197 Was doing something fancy with jQuery UI inside a ListView inside an UpdatePanel. You know the rest... :) Was searching for the correct Sys. and stumbled upon pageLoad. Can't remember everything you write it seems. Thanks a lot! Was doing something fancy with jQuery UI inside a ListView inside an UpdatePanel. You know the rest… :)

Was searching for the correct Sys. and stumbled upon pageLoad.
Can’t remember everything you write it seems. Thanks a lot!

]]> By: JohnS http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-44409 JohnS Sat, 23 Jul 2011 22:25:02 +0000 http://encosia.com/?p=842#comment-44409 I really appreciate your help. Thanks for clear answer. I really appreciate your help. Thanks for clear answer.

]]> By: Dave Ward http://encosia.com/document-ready-and-pageload-are-not-the-same/#comment-44408 Dave Ward Sat, 23 Jul 2011 22:10:44 +0000 http://encosia.com/?p=842#comment-44408 That's right, the <code>pageLoad()</code> function is going to run once when any UpdatePanel refreshes (and it will also run ones on the initial page load too). So, if your jQuery selector, <code>#gallery a</code> matches all of those images, it will apply to them regardless of any UpdatePanel divisions. You won't have to install any extra libraries. <code>pageLoad()</code> is something that MicrosoftAjax.js calls automatically if it's included on the page. When you have a ScriptManager on the page (which you must have to use UpdatePanels, of course), one of the things it does is include MicrosoftAjax.js. So basically, if you've got an UpdatePanel then you can use <code>pageLoad()</code>. That’s right, the pageLoad() function is going to run once when any UpdatePanel refreshes (and it will also run ones on the initial page load too). So, if your jQuery selector, #gallery a matches all of those images, it will apply to them regardless of any UpdatePanel divisions.

You won’t have to install any extra libraries. pageLoad() is something that MicrosoftAjax.js calls automatically if it’s included on the page. When you have a ScriptManager on the page (which you must have to use UpdatePanels, of course), one of the things it does is include MicrosoftAjax.js. So basically, if you’ve got an UpdatePanel then you can use pageLoad().

]]>