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

170,162

Solution 1

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...

Solution 2

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.

Solution 3

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...

//methods
var 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.

Solution 4

This worked for me in IE 11:

<meta http-equiv="x-ua-compatible" content="IE=edge; charset=UTF-8">

Solution 5

check whether there is a comma at the end.

                            },
                            {
                                name: 'МОФ. Перелив из баков. м3/ч',
                                data: graph_high3,
                                dataGrouping: {
                                    units: groupingUnits,
                                    groupPixelWidth: 40,
                                    approximation: "average",
                                    enabled: true,
                                    units: [[
                                            'minute',
                                            [1]
                                        ]]
                                }
                            }   // if , - SCRIPT5007

View more solutions

170,162

Soroush Hakami

Stockholm-based consultant currently building large scale javascript applications, check out syson.se for more info.

Updated on April 21, 2020

Comments

Soroush Hakami about 4 years
My website works well on Chrome, Firefox, and Internet Explorer 8. But on Internet Explorer 9, very weird errors are triggered when just hovering over components.

SCRIPT5007: Unable to get value of the property 'ui': object is null or undefined ScriptResource.axd?d=sTHNYcjtEdStW2Igkk0K4NaRiBDytPljgMCYpqxV5NEZ1IEtx3DRHufMFtEMwoh2L3771sigGlR2bqlOxaiwXVEvePerLDCL0hFHHUFdTOM0o55K0&t=ffffffffd37cb3a1, line 181 character 1914

And following the link to the error in the javascript shows me these bits of code:
```
onNodeOver:function(B,A){A.ui.onOver(B)},onNodeOut:function(B,A){A.ui.onOut(B)}
```
I'm a little clueless on how to go about solving this error. I've seen this solution but that didn't solve the problem for me.

Any Ideas?
- Stephen Chung about 13 years
  
  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.
- Soroush Hakami about 13 years
  
  Thanks alot, this solved my problem. Supply that comment as an answer and I will accept it.
- Stephen Chung about 13 years
  
  ok. I've posted an answer. :-)
RoboKozo almost 13 years

I had a webapp that worked locally in IE9 but when moved to the server I encountered the error in the original post. this fixed it! thanks!
DoctorLouie about 12 years

Yes, many sites are having issues with IE9 without forcing compatibility modes. Libraries seem to be the main culprit of these bugs, but at least we can force compatibility with minimal effort thanks to the X-UA-Compatible meta tag. Still, it doesn't really help when people, like myself, like to make sure everything works without having to run compatibility modes. Which means, people like myself must debug our scripts to see what it is IE9 is having issues with. Good thing is, after we've figured out common issues and bugs, writing future fully compatible scripts will be a walk in the park.
giorgio79 over 11 years

Ok, so how to update the js code so it works in IE9 other than setting that crappy meta tag? In some instances, setting the meta tag is not an option.
Stephen Chung over 11 years

Most JavaScript libraries have now been updated to support IE9+. Just upgrade to the latest version of your library, get rid of the meta tag and Bob's your uncle.
Admin over 11 years

This is not quite right... You can't exactly force IE8 mode. See stackoverflow.com/questions/4811801/… the result of this is IE7 mode, not IE8 mode as one intends.
naXa stands with Ukraine over 8 years

One day our programs will out-live us... Sad but true.
Disera about 8 years

I am trying to include exporting.src.js in my jsp page, I have added <meta http-equiv="X-UA-Compatible" content="IE=8;FF=3;OtherUA=4" /> tag inside <head>, but the problem still persists in IE9. Can anyone please help? what should be done to avoid it?
Chuck Norris over 7 years

Best edit history I have found in Stackoverflow so far )))
Edgar Carvalho over 7 years

It is not exactly legacy code, it happens because of old computers/so that we have to support. For us, the IE9 userbase is high, insane, but a reality.
Tassoman over 6 years

I was inspired by your solution, then I've better checked my JS indentation that was really poor (written by others). So I've right indented JS code and error disappeared. You know I'm forcing X-UA = IE11
Stephen Chung over 5 years

Are you serious? You still maintaining IE8-specific code? I feel sorry for you...