Error: Cannot set property 'defaultOpts' of undefined

[Richard87]

Hi! Any idea what this is all about, I just noticed it now:

Cannot set property 'defaultOpts' of undefined at outdatedBrowser (outdatedbrowser.js:14)

My initializing code:

function addLoadEvent(func) {
    var oldonload = window.onload;
    if (typeof window.onload !== 'function') {
        window.onload = func;
    } else {
        window.onload = function() {
            if (oldonload) {
                oldonload();
            }
            func();
        }
    }
}
//call plugin function after DOM ready
addLoadEvent(function(){
    outdatedBrowser({
        bgColor: '#f25648',
        color: '#ffffff',
        lowerThan: 'borderImage',
        languagePath: ''
    })
});

[KennethJoris]

FIX: Declair 'defaultOpts' as a variable.

Code changes:

`
// Default settings
var defaultOpts = {
bgColor: '#f25648',
color: '#ffffff',
lowerThan: 'transform',
languagePath: '../outdatedbrowser/lang/en.html'
};

if (options) {
    //assign css3 property or js property to IE browser version
    if (options.lowerThan == 'IE8' || options.lowerThan == 'borderSpacing') {
        options.lowerThan = 'borderSpacing';
    } else if (options.lowerThan == 'IE9' || options.lowerThan == 'boxShadow') {
        options.lowerThan = 'boxShadow';
    } else if (options.lowerThan == 'IE10' || options.lowerThan == 'transform' || options.lowerThan == '' || typeof options.lowerThan === "undefined") {
        options.lowerThan = 'transform';
    } else if (options.lowerThan == 'IE11' || options.lowerThan == 'borderImage') {
        options.lowerThan = 'borderImage';
    } else if (options.lowerThan == 'Edge' || options.lowerThan == 'js:Promise') {
        options.lowerThan = 'js:Promise';
    }

    //all properties
    defaultOpts.bgColor = options.bgColor;
    defaultOpts.color = options.color;
    defaultOpts.lowerThan = options.lowerThan;
    defaultOpts.languagePath = options.languagePath;

    var bkgColor = defaultOpts.bgColor,
        txtColor = defaultOpts.color,
        cssProp = defaultOpts.lowerThan,
        languagePath = defaultOpts.languagePath;
} else {
    var bkgColor = defaultOpts.bgColor,
        txtColor = defaultOpts.color,
        cssProp = defaultOpts.lowerThan,
        languagePath = defaultOpts.languagePath;
} //end if options

`