google.load not working when run in jquery's $(window).load(function(){});?

Question

I'm using the Google AJAX Feed API to search for a RSS feed. It works when I just run the javascript in the head of my HTML document in EXAMPLE 1 below (I know I'm getting no result, but that's a problem for another day!), but I need to actually run it when everything's loaded. I'm using jquery, so I've got a $(window).load(function(){}); method, but it doesn't work when I run the Google code in there (EXAMPLE 2). Can anyone see what I'm doing wrong?

EXAMPLE 1 - index.html

<head>
<script type="text/javascript">
console.debug("before google load code");
google.load("feeds", "1");
console.debug("after google load code");
google.setOnLoadCallback(loaded);
function loaded() {
    console.debug("google loaded");
    google.feeds.findFeeds("news", feedSearchDone);
}
function feedSearchDone(result) {
    if (result.error || result.entries.length <= 0) {
              console.debug("No Results Found");
              return;
            }
    else {
         console.debug(result.entries[0].url);
} }
</script>
</head>

EXAMPLE 1 - code.js

$(window).load(function() {
    console.debug("in jquery load function");
});

EXAMPLE 1 - output in Firebug:

before google load code
after google load code
in jquery load function
google loaded
No Results Found

EXAMPLE 2 - code.js

$(window).load(function() {

    console.debug("in jquery load function");

    console.debug("before google load code");
    google.load("feeds", "1");
    console.debug("after google load code");
    google.setOnLoadCallback(loaded);

    function loaded() {
        console.debug("google loaded");
        google.feeds.findFeeds("news", feedSearchDone);
    }

    function feedSearchDone(result) {
        if (result.error || result.entries.length <= 0) {
                  console.debug("No Results Found");
                  return;
                }
        else {
        console.debug(result.entries[0].url);

    } } 
});

EXAMPLE 2 - output in Firebug

in jquery load function
before google load code
window.loadFirebugConsole is not a function
[Break on this error] <html lang="en">

Even though the error refers to Firebug, I don't think that's the cause because it the page behaves the same (no elements are on the screen) when I view it in Safari. Thanks for reading.

Xenph Yan · Accepted Answer · 2010-07-12 05:20:40Z

3

+100

The JQuery onload can ONLY be used after the google onLoad callback.

function initialize() {
    $(function () {
        // Some other code here
    });
}
google.setOnLoadCallback(initialize);

Try adding that to the code.js file.

answered Jul 12, 2010 at 5:20

Xenph Yan

84.1k16 gold badges51 silver badges55 bronze badges

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

2 Comments

ben Over a year ago

Thanks for this. I'm new to jquery, how do I accept the result object in the initialize function?

ben Over a year ago

Sorry don't worry, my question makes no sense.

BrunoLM · Accepted Answer · 2010-06-22 21:51:53Z

1

You have to use $(document).ready instead, the scripts will only load after the DOMLoad completes.

answered Jun 22, 2010 at 21:51

BrunoLM

101k86 gold badges311 silver badges464 bronze badges

2 Comments

ben Over a year ago

I tried this but I'm getting the same error. I'm not sure this is the problem, the load function is running because the "in jquery load function" line in "EXAMPLE 2 - output in Firebug" comes from there

BrunoLM Over a year ago

Are you loading this script dynamically? If yes you need to wait it to load. Here is a example stackoverflow.com/questions/3084371/… - the weird this is that you are already using google.setOnCallBack funcion and it's not working, check my link that might do the trick.

Haroldo · Accepted Answer · 2010-06-22 21:47:57Z

0

Are you definitely including jquery above your $ doc.ready?

answered Jun 22, 2010 at 21:47

Haroldo

37.5k47 gold badges131 silver badges169 bronze badges

1 Comment

ben Over a year ago

the "in jquery load function" line in "EXAMPLE 2 - output in Firebug" indicates to me that jquery is working okay? I'm not very experienced with jquery though, I may be wrong?

Tom Van Schoor · Accepted Answer · 2011-03-23 07:07:04Z

0

In stead of using google.load the google Libraries API states:

The preferred method is to load the libraries via standard tags (as in <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>, which will result in the fastest loads.

The nice thing about this is that you don't need to set google.setOnLoadCallback and the libraries are available at page load anyway.

answered Mar 23, 2011 at 7:07

Tom Van Schoor

2792 silver badges5 bronze badges

Collectives™ on Stack Overflow

google.load not working when run in jquery's $(window).load(function(){});?

4 Answers 4

2 Comments

2 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

2 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related