retain row highlighting after selecting a row in datatable

[Aparna Ram]

I use the below code to highlight a row on mouse over and reset it on mouse out.
Now, when I click on a row, a hidden button is clicked, but I also want the highlighting to remain on the clicked row.
If I comment the line where the hidden button is clicked, the highlighting is retained. But if it is uncommented, the highlighting disappears and focus moves to the top of the datatable.

What should I do?? Kindly help.

function addTableRolloverEffect(tableId,whichClass,whichClassOnKlick)
{
arrayOfRolloverClasses[tableId] = whichClass;
arrayOfClickClasses[tableId] = whichClassOnKlick; 
var tableObj = document.getElementById(tableId);
 
var rows = tableObj.getElementsByTagName('tr');
 
for(var no=0;no<rows.length;no++){
rows[no].onmouse_over = highlightTableRow;
rows[no].onmouse_out = resetRowStyle;
if(whichClassOnKlick){
 rows[no].onklick = KlickOnTableRow1;
}
}
}
 
function KlickOnTableRow1()
{
var tableObj = this.parentNode; 
if(tableObj.tagName!='TABLE')tableObj = tableObj.parentNode; 
if(activeRowKlickArray[tableObj.id] && this!=activeRowKlickArray[tableObj.id]){
activeRowKlickArray[tableObj.id].className='';
}
this.className = arrayOfClickClasses[tableObj.id];
activeRowKlickArray[tableObj.id] = this;
document.getElementById('tableView:worklistForm:hiddenButton').klick();
}

[Ravi Sankar]

I need to use onmouseover, onmouseout functions in jsf datatable. I wrote a code for identifying the rows like
tableObj.getElementsByTagName('tr'). But, it doesn't take the style sheet functions. Can you help me how to implement this?

[Ravi Sankar]

I need to implement onmouseover, onmouseout functions in jsf datatable. I wrote code for iterating the rows inside the datatable. But, it doesn't accept the stylesheet functions inside the script. Can you help me to solve this issue?