What Row am I on?

[Steve Dyke]

If I use JSPL to fill in a table and I give each row a unique id. If I click in a cell is there a way to tell what the row id is?

[Eric Pascarello]

Easiest solution is to add onclick handler to the cell.

<td id="foo" onclick="alert(this.id)">

Eric
[ September 27, 2007: Message edited by: Eric Pascarello ]

[Steve Dyke]

My idea is to have a checkbox in the first column. If it is clicked I want to turn that row yellow. If unchecked turn it back to white. Can you help me with this.

[Eric Pascarello]

You are lucky I am waiting on a build:

<script>
  function selectRow(elem){
    var row = elem.parentNode.parentNode;
    row.style.backgroundColor = (elem.checked)?"yellow":"white";
  }
</script>
 
<table>
  <tr>
    <td><input type="checkbox" onclick="selectRow(this)"></td>
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
    <td><input type="checkbox" onclick="selectRow(this)"></td>
    <td>1</td>
    <td>2</td>
  </tr>
  <tr>
    <td><input type="checkbox" onclick="selectRow(this)"></td>
    <td>1</td>
    <td>2</td>
  </tr>
<table>

Eric

[Steve Dyke]

Thanks a lot. Due lack of knowledge I was trying to complicate it too much.
I hope you have time for one more issue. I need the contents of each cell on the row when I click the checkbox. Can this be done?

[Steve Dyke]

Hey, I figured it out. Again I was using to much code to try an qualify the cell.

[Eric Pascarello]

Just for kicks

var row = elem.parentNode.parentNode;
var cells = row.getElementsByTagName("td");
alert(cells[1].innerHTML);

Eric