Get the name of a <td> element

[nminaker]

I have an onload event in the body that runs the following function:

function prepShowMsgs()	{
  var bqs = document.getElementsByTagName("blockquote");
  for(i = 0; i < bqs.length; i++) {
    var tds = document.getElementsByName(bqs[i].id);
    for(j = 0; j < tds.length; j++) {
        tds[j].onclick = function() {
          document.getElementById(this.name).style.display = 'visible';
        }
    }
  }
}

The <td> tags' names are the same as the ID of the element that they should show. But when I just put in "this.name" in an alert box it shows "undefined"... Whats the problem?

Thanks!

 

[monksnake]

About the problem you posted for, I don't see enough code to help, but I do see that this statement:

document.getElementById(this.name).style.display = 'visible'

is incorrect. Valid display values are "block", "none", "inline"


<.

 

[xwb]

Something like this?

<td id="fred" name="fred">

That way you can getElementById or getElementByName

 

[kaht]

Valid display values are "block", "none", "inline"

It actually goes a lot farther than that, although you are correct that "visible" is not a valid value.

http://www.w3schools.com/css/pr_class_display.asp

-kaht

Looking for a puppy?

http://www.silkypups.com

[small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]

 

[nminaker]

Yeah, I realize I made a mistake putting 'visible'... it really should be "block"...

I'd prefer not to have to change the <td> elements so they have an ID and name... as it stands now there are three <td> elements with the same name and I want them all to have the same onclick function.