Trapping click of table column at runtime

spacy · July 19th, 2004, 12:53 AM

Hi..

Am creating a table dynamically using vbscript (asp.net). The row ids and column ids are created at runtime. On the click of a column,
a javascript function is called. In this function i successfully trapped the column which was clicked. But i need to trap the column text. How do i do this? The partial code is here:

For row = 0 To dt.Rows.Count - 1 'displaying rows
Response.Write("<tr id=RowId" & row+1 & " onclick=TrapId(id)>")

For col = 0 To dt.Columns.Count - 1 'displaying columns
Response.Write("<TD id=ColId" & col+1 & " onclick=TrapId(id)>" & dt.Rows(row)(col).ToString & "</TD>")

Next
Response.Write("</TR>")
Next

PLease help! Thanks in advance.

:)Spacy

Snib · July 19th, 2004, 08:49 AM

In the JavaScript function TrapId add this:

var this_ones_text = document.getElementById(id).innerHTML;

This is assuming the temporary ID variable is simply called 'id'.

HTH,

Snib

<><

spacy · July 20th, 2004, 06:13 AM

Thanks Snib. But i have a problem. When i write document.getElementById(id).innerHTML it gives we the contents of the entire row. Even while using innerText it gives the entire row contents whereas i want to trap only the column value where clicked. PLease help!!!

ChrisScott · July 20th, 2004, 06:53 AM

Hi Spacy,

This should work in *most* browsers:

Code:

function AlertColText(cell){
    var colText = "";
    var rows = cell.parentNode.parentNode.getElementsByTagName("tr");
    for(var i = 0; i < rows.length; i++){
        var cells = rows.item(i).getElementsByTagName("td");
        colText += cells.item(cell.cellIndex).innerHTML + "\n";
    }
    alert(colText);    
}

then just add:

Code:

onclick="AlertColText(this);"

to your td elements.

Best regards,

Chris

spacy · July 20th, 2004, 07:55 AM

Thanks a lot buddy!!!!
That helped!

Spacy