Show hide table row onclick of radion button

[mat41]

Hello

I am using the following function to show / hide a <tr> onclick of a radio button however it does not work in Firefox. Works fine in IE. Please help??

function toggleT(_w,_h)
{
if (document.all)
{
if (_h=='s') eval("document.all."+_w+".style.display='block';");
if (_h=='h') eval("document.all."+_w+".style.display='none';");
}
}

Am fireing like so:

To show - toggleT('issueSubject','s')
To hide - toggleT('issueSubject','h')

Thanking you

 

[BillyRayPreachersSon]

That's probably because 'document.all' is an IE-only collection.

This should work cross-browser (and avoiding the use of eval), assuming 'issueSubject' is the ID of the row:

function toggleT(_w, _h) {
	var theRow = document.getElementById(_w);
	if (_h == 's') theRow.style.display = 'block';
	if (_h == 'h') theRow.style.display = 'none';
}

Hope this helps,
Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

Dan's Page [blue]@[/blue] Code Couch:

http://www.codecouch.com/dan/

Code Couch Tech Snippets & Info:

http://www.codecouch.com/

 

[mat41]

Cheers Dan you have a fine day...