Why should this not work in IE4?

[mserms]

I'm crap at JS and can't work out why this doesn't work in IE4 (it's fine in IE5). I thought innerHTML was supported in IE4...

function changeLayer(obj1, obj2) {
	//collects the value from a drop down menu
	var selection = document.form.fall.selectedIndex;

	if(selection == 0) {
		//hide the layers
		document.getElementById(obj1).innerHTML = "";
		document.getElementById(obj2).innerHTML = "";
	}
	else if(selection == 1) {
		//display stuff for -10%
		document.getElementById(obj1).innerHTML = "<font color=#FFFFFF face='Arial, Helvetica, sans-serif' size=2>INVESCO Perpetual Monthly Income Plus (-9.2%)</font>";
		document.getElementById(obj2).innerHTML = "<font size=2 color=#FFFFFF face='Arial, Helvetica, sans-serif'>11.1%</font>";	
	}
}

Any clues?

[MonkeyMagic]

hi there mserms...

the problem with this script is not the use of .innerHTML to assign your new content...

its the use of the .getElementById(obj1) method to reference the object you're wanting to alter..

this method of object selection was not supported in IE4.

to reference the objects in a way supported by IE4 you should use the 'document.all' collection:

document.all[obj1].innerHTML = "whatever you want";


i hope this helps

[mserms]

Nice one MM, I'll try it out.

[mserms]

Works fine now, cheers mate.

[MonkeyMagic]

no worries, glad to help...