Question

I’m using the following html to load dojo from Google’s hosting.

<script src='http://www.google.com/jsapi'></script> <script type='text/javascript'>google.load('dojo', '1.1.1');</script> <script type='text/javascript'> dojo.require('dojox.gfx'); ... 

This errors out on the requre line with an error like dojox.gfx is undefined. Is there a way to make this work, or does Google not support the dojox extensions?

Alternatively, is there another common host I can use for standard dojo releases?

Answer 1

Differently from when you reference the .js files directly from the <script> tag (note that google js api also supports this, see here), google.load is not synchronous. This means that when your code reach google.load, it will not wait for dojo to be fully loaded to keep parsing; it will go straight to your dojo.require line, and it will fail there because the dojo object will be undefined.

The solution (if you don’t want to use use the direct <script> tag), is to enclose all your code that references dojo in a start function, and set it will as a callback, by doing:

google.load('dojo', '1.1.1', {callback: start});  function start() {     dojo.require('dojox.gfx');     ... } 

or

google.setOnLoadCallback(start); google.load('dojo', '1.1.1');  function start() {     dojo.require('dojox.gfx');     ... }