IE9 JavaScript error: SCRIPT5007: Unable to get value of the property 'ui': object is null or undefined IE9 JavaScript error: SCRIPT5007: Unable to get value of the property 'ui': object is null or undefined asp.net asp.net

IE9 JavaScript error: SCRIPT5007: Unable to get value of the property 'ui': object is null or undefined


Many JavaScript libraries (especially non-recent ones) do not handle IE9 well because it breaks with IE8 in the handling of a lot of things.

JS code that sniffs for IE will fail quite frequently in IE9, unless such code is rewritten to handle IE9 specifically.

Before the JS code is updated, you should use the "X-UA-Compatible" meta tag to force your web page into IE8 mode.

EDIT: Can't believe that, 3 years later and we're onto IE11, and there are still up-votes for this. :-) Many JS libraries should now at least support IE9 natively and most support IE10, so it is unlikely that you'll need the meta tag these days, unless you don't intend to upgrade your JS library. But beware that IE10 changes things regarding to cross-domain scripting and some CDN-based library code breaks. Check your library version. For example, Dojo 1.9 on the CDN will break on IE10, but 1.9.1 solves it.

EDIT 2: You REALLY need to get your acts together now. We are now in mid-2014!!! I am STILL getting up-votes for this! Revise your sites to get rid of old-IE hard-coded dependencies!

Sigh... If I had known that this would be by far my most popular answer, I'd probably have spent more time polishing it...

EDIT 3: It is now almost 2016. Upvotes still ticking up... I guess there are lots of legacy code out there... One day our programs will out-live us...


I was having same issue in IE9. I followed the above answer and I added the line:

<meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" />

in my <head> and it worked.


I have written code that sniffs IE4 or greater and is currently functioning perfectly in sites for my company's clients, as well as my own personal sites.

Include the following enumerated constant and function variables into a javascript include file on your page...

//methodsvar BrowserTypes = {    Unknown: 0,    FireFox: 1,    Chrome: 2,    Safari: 3,    IE: 4,    IE7: 5,    IE8: 6,    IE9: 7,    IE10: 8,    IE11: 8,    IE12: 8};var Browser = function () {    try {        //declares        var type;        var version;        var sVersion;        //process        switch (navigator.appName.toLowerCase()) {            case "microsoft internet explorer":                type = BrowserTypes.IE;                sVersion = navigator.appVersion.substring(navigator.appVersion.indexOf('MSIE') + 5, navigator.appVersion.length);                version = parseFloat(sVersion.split(";")[0]);                switch (parseInt(version)) {                    case 7:                        type = BrowserTypes.IE7;                        break;                    case 8:                        type = BrowserTypes.IE8;                        break;                    case 9:                        type = BrowserTypes.IE9;                        break;                    case 10:                        type = BrowserTypes.IE10;                        break;                    case 11:                        type = BrowserTypes.IE11;                        break;                    case 12:                        type = BrowserTypes.IE12;                        break;                }                break;            case "netscape":                if (navigator.userAgent.toLowerCase().indexOf("chrome") > -1) { type = BrowserTypes.Chrome; }                else { if (navigator.userAgent.toLowerCase().indexOf("firefox") > -1) { type = BrowserTypes.FireFox } };                break;            default:                type = BrowserTypes.Unknown;                break;        }        //returns        return type;    } catch (ex) {    }};

Then all you have to do is use any conditional functionality such as...

ie. value = (Browser() >= BrowserTypes.IE) ? node.text : node.textContent;

or WindowWidth = (((Browser() >= BrowserTypes.IE9) || (Browser() < BrowserTypes.IE)) ? window.innerWidth : document.documentElement.clientWidth);

or sJSON = (Browser() >= BrowserTypes.IE) ? xmlElement.text : xmlElement.textContent;

Get the idea? Hope this helps.

Oh, you might want to keep it in mind to QA the Browser() function after IE10 is released, just to verify they didn't change the rules.