Finding a cell in the first row of a table in Firefox

[bgraphics2031]

Hi all, just wanted to verify if this is the correct code for FF. I'm trying to find a cell at column iCellIndex in the first row of the table. I get that oHeaderCell is undefined. Thanks in advance, I must be too tired to catch any syntax errors, but here it is:

function TableResize_GetFirstColumnCell(objTable, iCellIndex)
{
	var oHeaderCell = objTable.rows[0].cells[iCellIndex];
	return oHeaderCell;
	
}

[mrhoo]

there are row and cell objects, but it seems simpler to use ordinary dom methods-
the first cell in the first row of the first table on a page would be:

var cell1= document.body.getElementsByTagName('table')[0].getElementsByTagName('tr')[0].getElementsByTagName('*')[0];

This is not restricted to firefox- any modern dom aware browser can use it.

[bgraphics2031]

Thank you for answer my question mrhoo. I'm really unfamiliar with javascript and the dom and I have another question if you don't mind.

I changed the code to find the cell:

function TableResize_GetFirstColumnCell(objTable, cellIndex)
{
	var oHeaderCell = document.body.getElementsByTagName('table')[0].getElementsByTagName('tr')[0].getElementsByTagName('*')[0];
	return oHeaderCell;
}

But when I try to get the value later I get that it's undefined.

function TableResize_OnMouseDown(objTable, event)
{
	var oTargetCell = event.currentTarget;
	//alert(oTargetCell);
	
	if(!oTargetCell)
		return;
	
	if(oTargetCell.parentNode.tagName.toUpperCase() == sResizableElement)
	{
		oTargetCell = oTargetCell.parentNode;
		
	}
	//THIS PART HERE IS UNDEFINED;
	var oHeaderCell = TableResize_GetFirstColumnCell(objTable, oTargetCell.cellIndex);
	//alert(oTargetCell.cellIndex);
		
	if((oHeaderCell.tagName.toUpperCase() == sResizableElement) && (oTargetCell.style.cursor == "e-resize"))
	{
		iStartX = event.screenX;
		oResizeTarget = oHeaderCell;
		objTable.setAttribute("Resizing","true");
		//Set Capture?
		
		oVBar.style.left = document.body.scrollLeft - document.body.clientLeft;
		oVBar.style.top = objTable.parentNode.offsetTop + objTable.offsetTop;
		oVBar.style.height = objTable.parentNode.offsetHeight;
		oVBar.style.display = "inline";
	}
	//alert(document.body.scrollLeft - document.body.clientLeft);
	return true;
}

Can you help me?

[mrhoo]

tc=document.body.getElementsByTagName('table')[0].getElementsByTagName('tr')[0].getElementsByTagName('*')[0];

The code I gave you was to find the first cell in the first row of the first table on a page. I guess I was hoping you would be able to extend it yourself.

tc=[B]objTable[/B].getElementsByTagName('tr')[0].getElementsByTagName('*')[[B]cellIndex[/B]];

[acoder]

Sorry mrhoo, I had to add code tags to your post because it was messing up the formatting on the page.

[bgraphics2031]

tc=document.body.getElementsByTagName('table')[0].getElementsByTagName('tr')[0].getElementsByTagName('*')[0];

The code I gave you was to find the first cell in the first row of the first table on a page. I guess I was hoping you would be able to extend it yourself.

tc=[B]objTable[/B].getElementsByTagName('tr')[0].getElementsByTagName('*')[[B]cellIndex[/B]];

Firefox throws a "cellIndex is not defined" in the error console. Thanks anyways.

[iam_clint]

before that line of code put

cellindex = 1

or cellindex = 2 or whatever you want

[acoder]

Sorry mrhoo, I had to add code tags to your post because it was messing up the formatting on the page.

Drats, the new code tags have messed up the formatting anyway!

[bgraphics2031]

before that line of code put

cellindex = 1

or cellindex = 2 or whatever you want

Thanks iam_clint, i got it working now.