Question

The following code worked with Dojo 1.5 in Firefox and Internet Explorer 8.

With Dojo 1.6, it still works in Firefox, but does not work in IE8.

I get an Object doesn't support this property or method error when wrappingFunctionInPlainJsFile() is called.

HTML page:

<div dojoType="widget.MyCustomWidget"></div>

In widget/MyCustomWidget.js

dojo.provide("widget.MyCustomWidget");

dojo.require("js.plainJsFile");

dojo.declare("widget.MyCustomWidget", [dijit._Widget, dijit._Templated],  {
    ...

    // this gets called when the widget is clicked on in the UI
    run: function() {
        wrappingFunctionInPlainJsFile();
    },

    ...

});

In js/plainJsFile.js

dojo.provide("js.plainJsFile");

function someFunction() {
}

function wrappingFunctionInPlainJsFile(){
    new someFunction();
}

Any ideas on what I am doing wrong would be greatly appreciated.

Note: If I import the plainJsFile.js directly on the HTML page instead of using dojo.require then I have no problems.

Answer 1

I tried the dojo mailing list and got a fix courtesy of Karl Tiedt.

See here: http://dojo-toolkit.33424.n3.nabble.com/Why-would-Dojo-1-6-fail-to-properly-load-javascript-file-in-IE8-using-dojo-require-td3204800.html#a3204894

Copy/paste of solution.

“Its an IE quirk….

dojo.provide("js.plainJsFile");

(function() {
 function someFunction()

 wrappingFunctionInPlainJsFile = function() {
    new someFunction();
 }
})();

should work… I always use my name spaces though and do it this way

dojo.provide("js.plainJsFile");

(function(pjsf) {

  pjsf.someFunction = function()

  pjsf.wrappingFunctionInPlainJsFile = function(){
    new someFunction();
  }
})(js.plainJsFile);

“

Note: I tried the above solution and it worked for me in IE8 and Firefox.