AJAX

IE7 returning toJSON instead of i: javascript

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases

•

Join Date: Mar 2009

Posts: 1

Reputation: dpd is an unknown quantity at this point

Solved Threads: 0

dpd

Offline

Newbie Poster

IE7 returning toJSON instead of i: javascript

Mar 3rd, 2009

Hi all,

I'm not overly proficient at Javascript, but have fumbled my way through some tutorials to come up with the following code to create a tab mechanism.

It works perfectly in Firefox, Safari, Chrome and IE8. However, in IE6 and IE7 it fails to operate as of the 'for (var i in temp) {' line. It doesn't error out, it just doesn't perform any of the functions within the for.

Some things I've noted:
* In Firefox if I alert(i) below the for, then it alerts the numerical value of i correctly through the for loop.
* In IE7, however, alert(i) alerts the value 'toJSON' and nothing more. It never finds 'if (i <= maxlen) {' to be true as a result.

Any thoughts on what's going wrong here?

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
function toggle_visibility(showid, hideids) {
	$(showid).style.display = 'block';
	// Change CSS
	var newcss = showid.split('_').join('');
	$(newcss).setAttribute("class", "tabselected"); 
	$(newcss).setAttribute("className", "tabselected");
 
	if (hideids != '') {
		var temp = new Array();
		temp = hideids.split(',');
		var maxlen = (temp.length - 1);
		var i = 0;
		for (var i in temp) {
			if (i <= maxlen) {
				if (temp[i] != showid) {
					$(temp[i]).style.display = 'none';
 
					var newcss = temp[i].split('_').join('');
					$(newcss).setAttribute("class", "tab2"); 
					$(newcss).setAttribute("className", "tab2");
				}
			} else {
				break;
			}
		}
	}
}
function toggle_visibility(showid, hideids) {
	$(showid).style.display = 'block';
	// Change CSS
	var newcss = showid.split('_').join('');
	$(newcss).setAttribute("class", "tabselected"); 
	$(newcss).setAttribute("className", "tabselected");

	if (hideids != '') {
		var temp = new Array();
		temp = hideids.split(',');
		var maxlen = (temp.length - 1);
		var i = 0;
		for (var i in temp) {
			if (i <= maxlen) {
				if (temp[i] != showid) {
					$(temp[i]).style.display = 'none';

					var newcss = temp[i].split('_').join('');
					$(newcss).setAttribute("class", "tab2"); 
					$(newcss).setAttribute("className", "tab2");
				}
			} else {
				break;
			}
		}
	}
}

And I'm calling it with

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
toggle_visibility('tab3', 'tab1,tab2');
toggle_visibility('tab3', 'tab1,tab2');