Hello,

I define a table in aspx file and Javascript code.
Purpose: when the user clicks on any cell of the table, the text of it must
be rendered in an Alert.

 <asp:Table ID="table1" runat="server">
 </asp:Table>

<script language="javascript" type="text/javascript">
function tableclick(event)
{
strid=window.event.srcElement.id
alert(strid) // this works: i get e.g. 3:2
strid=window.event.srcElement.text}
alert(strid) // this doens't work ("undefined")
}

I create row and cells in the code-behind:
Dim r As TableRow
Dim c(50, 20) As TableCell
For i = 0 To 50
r = New TableRow()
For j = 0 To 20
c(i, j) = New TableCell()
c(i, j).ID = j & ":" & i.ToString
r.Cells.Add(c(i, j))
Next
Table1.Rows.Add(r)
Next

c(3, 2).Text = "this is the text i want in Javascript"
...

My problem is that the Alert gives "undefined".
I can get the 'ID' of each cell, why not the 'text'?
I know there is the property 'ClientID' but it's overruled by the ID i
defined in the code, so that's not the point (i think).

Thanks for help.

Hi hertendreef,

JavaScript != ASP.NET

Most stuff you define in server side pages does not directly translate to client side properties. So, in JavaScript / HTML there are no properties like text and clientId. These are ASP.NET concepts.

Try innerHTML or innerText instead.


Imar

---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004

Hi Imar,

Thanks for your reply. It was innerText indeed.
If you don't mind, a last similar question, about backcolor:
I need to get the background color of the clicked cell, just like the text in previous problem. I can do it with the Forecolor, but not with Backcolor (gives empty Alert, no error):
Code-behind is now: (tried with two syntaxes)
...
c(3, 2).BackColor = System.Drawing.ColorTranslator.FromHtml("red")
c(3, 2).ForeColor = System.Drawing.ColorTranslator.FromHtml("yellow")
//c(3, 2).BackColor = Drawing.Color.Red
...

and the Javascript:
forecl=window.event.srcElement.style.color // this works
backcl=window.event.srcElement.style.background // this not
alert(forecl)
alert(backcl)

Thanks again

To make things a bit confusing, there are at least three different terms for the same thing.

In ASP.NET, things are called like this:

BackColor
ForeColor
etc

These names map to client side CSS properties, like back-color and color.

In JavaScript in turn, these items map to

backgroundColor
color

The rule of thumb with the conversion between CSS and JavaScript is:

start with a lower case, remove dashes and start each word after a dash with a capital letter.

So, background-color becomes backgroundColor, font-weight becomes fontWeight and so on.

To cut a long story short: you need backgroundColor.

Imar
---------------------------------------
Imar Spaanjaars
Everyone is unique, except for me.
Author of ASP.NET 2.0 Instant Results and Beginning Dreamweaver MX / MX 2004

Many thanks, it works ...