wood burning stoves 2.0*
The moose likes HTML, CSS and JavaScript and the fly likes Setting focus to table cell element Big Moose Saloon
  Search | Java FAQ | Recent Topics | Flagged Topics | Hot Topics | Zero Replies
Register / Login


Win a copy of Android Security Essentials Live Lessons this week in the Android forum!
JavaRanch » Java Forums » Engineering » HTML, CSS and JavaScript
Reply locked New topic
Author

Setting focus to table cell element

Swapna Agde
Greenhorn

Joined: Mar 29, 2010
Posts: 6
Hi,
I want to traverse the html table using arrow keys(left,right,up,down). Using arrow keys I am able to traverse.
However I am not able to set a focus to the alement inside the cell.
Following is the code:

<table class="tableExample" id="tableExample1" style="color: #6898c8" >
<tbody>
<tr id="i1_0" >
<td style="color: "><input type="button" value="test" id="testButton"></td>
<td>0-2</td>
<td>0-3</td>
<td>0-4</td>
</tr>
<tr id="i1_1">
<td>1-1</td>
<td>1-2</td>
<td>1-3</td>
<td>1-4</td>
</tr>
</tbody>
</table>


//I am populating the table data in a 2x2 matrix and trying to set focus to the element in first cell:

for(var i=0; i<noRows; i++)
{
var row = elemTable.getElementsByTagName("tr")[i];
for(j=0; j<noCols; j++)
{
var col = row.getElementsByTagName("td")[j];
tabMatrix[i][j]= col;
}
}


// Now selecting the first cell:

tabMatrix[0][0].className = "selected";
this.selectedId = tabMatrix[0][0];
var curr = tabMatrix[0][0].firstChild.id;
alert(curr);
curr.focus();


//here curr.focus doesn't work. If I say tabMatrix[0][0].focus then the focus is set to the cell but not the element in the cell.
I want to set a focus to the element in the cell i.e button in this case, so that when user hits enter key in particular cell then the desired action is performed.
Please help me how to do this?
Eric Pascarello
author
Rancher

Joined: Nov 08, 2001
Posts: 15376
    
    6
Do not double post.

http://www.coderanch.com/t/489413/HTML-JavaScript/Traversing-table-using-arrow-keys

Eric
 
I agree. Here's the link: http://aspose.com/file-tools
 
subject: Setting focus to table cell element
 
Similar Threads
Traversing the table using arrow keys
HTML does not print properly - table width exceeding 100%?
datepicker problem
How to update a image using servlet?
To create Table dynamically inside DIV tag using ajax responseXML