Firefox vs. IE

VerbatimBOT · September 24th, 2008, 05:16 PM

Hi guys,

Once again, I'm having problems with javascript in IE.
I can't make the following code working in IE like it works in Firefox.

Code:

var args = document.getElementsByTagName('input');
    for (var i=0; i<args.length; i++)
    {
        if (args[i].getAttribute('type') == 'text')
        {
            args[i].setAttribute('class', 'blurControl');

            args[i].onfocus = function()
            {
                this.setAttribute('class', 'focusControl');
            }

            args[i].onblur = function()
            {
                this.setAttribute('class', 'blurControl');
            }
        }
    }

Any suggestions please?

Thanks

Aleksandar Dragosavac
Belgrade, Serbia

Old Pedant · September 24th, 2008, 05:53 PM

In MSIE the attribute is called "className" not just "class".

Use both and then your code works.

Example:
            args[i].onblur = function()
            {
                this.setAttribute('class', 'blurControl');
                this.setAttribute('className', 'blurControl');
            }

VerbatimBOT · September 25th, 2008, 03:28 AM

Ya, that's it. Thanks a lot!

Cheers

Aleksandar Dragosavac
Belgrade, Serbia