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:

Expand|Select|Wrap|Line Numbers

 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:

Expand|Select|Wrap|Line Numbers

 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:

Expand|Select|Wrap|Line Numbers

 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.

Expand|Select|Wrap|Line Numbers

 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

Expand|Select|Wrap|Line Numbers

 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.

Expand|Select|Wrap|Line Numbers

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

acoder

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

bgraphics2031

Quote:

Originally Posted by mrhoo

Expand|Select|Wrap|Line Numbers

 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.

Expand|Select|Wrap|Line Numbers

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

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

Quote:

Originally Posted by 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

Quote:

Originally Posted by iam_clint

before that line of code put

cellindex = 1

or cellindex = 2 or whatever you want

Thanks iam_clint, i got it working now.

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

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

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

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

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

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

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

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

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

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

/bytes/about