Is it ok to use google.setOnLoadCallback multiple times?

Question

I'm building a site using ASP.NET MVC, and I have partial views that use jQuery to do various things. I was thinking of switching to Google's AJAX API and using their loader to load jQuery. However, I noticed that I would no longer be able to use $(document).ready() anymore because Google's loader specifies a callback google.setOnLoadCallback().

This is a little bit of a problem for me because I have $(document).ready() in various partial views because they do different things specific to themselves that I don't want the parent view to be aware of.

Can I specify multiple callbacks and just swap out the $(document).ready()'s with google.setOnLoadCallback(someUniqueCallbackFunction)?

Would that be the ideal way to handle this situation or is there something else that is preferred?

For these partial views, are you rendering them with the page or dynamicaly (e.g., through an ajax tab)? — jmarnold, Sep 04 '09 at 18:31

Ryan Wheale · Answer 1 · 2017-02-19T19:12:05.173

Yes, you may use setOnLoadCallback in lieu of $(document).ready. There is an undocumented SECOND PARAMETER (or at least, I can't find it) that specifies when to call the callback function; possible values are "false" (default) - on the window load, or "true" - on DOM load (DOMContentLoaded). The DOM event fires once all the markup has loaded (much earlier than window.load). The window load event fires after all the images and scripts and such have finished loading.

// Very similar to $(document).ready()
google.setOnLoadCallback( OnLoad, true );

// Very similar to $(window).load()
// Same as google.setOnLoadCallback( OnLoad, false );
google.setOnLoadCallback( OnLoad );

Yes, you may use setOnLoadCallback multiple times on a single page. This is a very important undocumented feature of the AJAX API (undocumented as of this posting). Every time you call setOnLoadCallback, it stacks up all the functions to be called once the DOM or window loads.

It is now [documented](https://developers.google.com/chart/interactive/docs/basic_multiple_charts) that `setOnLoadCallback` can be called multiple times. — GSerg, Jul 11 '16 at 12:20

score 2 · Answer 2 · edited Jul 12 '13 at 16:14

I ran into the same problem. I googled have 2 google search running on one page, etc...

In the end i found this and because i wanted to have 2 panels essentially showing google search results on one page.

google.setOnLoadCallback(LoadGoogleNewsResults);
google.setOnLoadCallback(LoadGoogleNewsResultsForum);

This worked for me :)

The code is on http://login.debt-line.org.uk, just click view source.

score 0 · Accepted Answer · answered Sep 05 '09 at 16:13

0

I may be missing the point here but there's no clash between your usercontrols $(document).ready and google.setOnLoadCallback that I know of.

Assuming you're using google to load jquery, your code in the $(document).ready won't run until google has loaded jquery anyway.

So long as jQuery is being loaded in your masterpage, not sure what the issue is.

answered Sep 05 '09 at 16:13

Tristan Warner-Smith

9,631
6
46
75

I'll try that out and see if it works. I tried using the setOnLoadCallback and $(document).ready in the same html file on the Google API Playground and it didn't like that. Maybe I'm ok with user controls, though! – Joseph Sep 05 '09 at 18:55
1

That seems to work fine. I have a Master file that uses google.load(jquery) and then later in a view I'm using $(document).ready and it's working fine! – Joseph Sep 05 '09 at 19:20

score 0 · Answer 4 · answered Aug 05 '22 at 19:42

0

You can do something like below:

google.charts.load('current', { 'packages': ['corechart'] });
google.charts.setOnLoadCallback(drawAllCharts);


function drawAllCharts()
{
   chart1();
   chart2();
   ...
}

answered Aug 05 '22 at 19:42

hunainm

1
1

Is it ok to use google.setOnLoadCallback multiple times?

4 Answers4

Linked