Highlight Row on click

Question

Hi all,
I have a datatable with a commandlink in it and when I click it the whole row should be highlighted.
function highlightRow() {
     alert("inside highlight");
     var trs = document.getElementById('_idJsp8').getElementsByTagName('tbody')[0]
     .getElementsByTagName('tr');
     for (var i = 0; i < trs.length; i++) {
     trs.onclick = new Function("this.bgColor='#ffffff'");               
<t:column>
<f:facet name="header"><h:outputText value="Errors"></h:outputText> </f:facet>
<h:commandLink><h:outputText value="errors" ondblclick="highlightRow();"/></h:commandLink>
</t:column>but when I click the errors the function is never called. I mean it never displays the alert dialog.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               

Answer 1

Hi,
I tried assigning the value of backing bean with the row that is clicked but the main probelm here is I have backingBean variable row as string and I need to assign the row clicked. The row clicked is an object and it has no attributes. Can some one tell me how can I assign the row to backingbean variable.
function highlightOnClick() {
         alert('inside highlight on click');
         var trs = document.getElementById('form:data').getElementsByTagName('tbody')[0]
         .getElementsByTagName('tr');
         for (var i = 0; i < trs.length; i++) {
         trs.onclick = new Function("setRow(this)");
function setRow(tr)
alert("set row tr"+tr);
document.getElementById('form:row').value=tr; //here is the problem should do something here.
alert(document.getElementById(form:row').value);
function highlightRow() {
var tr = document.getElementById('form:row').value;
alert("tr:"+tr);
tr.bgColor = (tr.bgColor != '#ff0000') ? '#ff0000' : '#ffffff';
}Edited by: niki007 on Jul 30, 2008 6:49 PM
Edited by: niki007 on Jul 30, 2008 6:50 PM