how to: dynamically load google ajax api into chrome extension content script

Posted by Hoff on Stack Overflow See other posts from Stack Overflow or by Hoff
Published on 2010-05-20T08:53:37Z Indexed on 2010/05/20 12:00 UTC
Read the original article Hit count: 383

Hi there,

I'm trying to make use of google's ajax apis in a chorme extension's "content script". On a regular html page, I would just do this:

<script src="http://www.google.com/jsapi"></script>
<script>
  google.load("language", "1");
</script> 

But since I'm trying to load the tranlation library dynamically from js code, I've tried:

script = document.createElement("script");  
script.src = "http://www.google.com/jsapi";  
script.type = "text/javascript";  
document.getElementsByTagName("head")[0].appendChild(script); 
google.load('language','1')

but the last line throws the following error:

Uncaught TypeError: Object # has no method 'load'

Funny enough, when i enter the same "google.load('language','1')" in chrome's js console, it works as intended...

I've also tried with jquery's .getScript() but the same problem persists...

Does anybody have any clue what might be the problem and how it could be solved?

Many thanks in advance!

Martin

© Stack Overflow or respective owner

Related posts about google-ajax-api

Related posts about google-chrome-extension