Neil,
I see that Michael already answered your question. Glad this is working for you!
>Thank you. I have an addtional question. I have a simple one row, 5 cell table. The first cell contains the date 2/29/2004. I set up a simple script to gain access to the cell. I can get to the id, align and valign attributes of the cell once I getElementById. But how do I get to the text (2/29/2004). GetCellStuff() is set up to ALERT() the id (for this example) but what would be the syntax to get to 2/29/2004. The properties text and value do not work.
>
>
><td id="DateID" align="Left" valign="Top">2/29/2004</td>
>
><script language='javascript'>
> function GetCellStuff()
> {
> var cellTxt=document.getElementById('DateID');
> // return false to prevent server control post back
> alert('The property is: ' + cellTxt.id); return false;
> }
></script>
>>
>Thank you,
>Neil
>
>
>
>
>>Neil,
>>
>>Here is an example about how to add a new row to a table using javascript:
>>
>>
>>//Get reference to table.
>>var Table = document.getElementById('ForecastEditor_tblForecasts');
>>
>>//Get reference to table body.
>>var TableBody = Table.firstChild;
>>
>>//Create the new elements
>>var NewRow = document.createElement("tr");
>>var ActionsCell = document.createElement("td");
>>var StartDateCell = document.createElement("td");
>>var StartDateTextbox = document.createElement("input");
>>var EndDateCell = document.createElement("td");
>>var EndDateTextbox = document.createElement("input");
>>var ValueCell = document.createElement("td");
>>var ValueTextbox = document.createElement("input");
>>
>>//Add textboxes to cells
>>StartDateCell.appendChild(StartDateTextbox);
>>EndDateCell.appendChild(EndDateTextbox);
>>ValueCell.appendChild(ValueTextbox);
>>
>>//Add elements to row.
>>NewRow.appendChild(ActionsCell);
>>NewRow.appendChild(StartDateCell);
>>NewRow.appendChild(EndDateCell);
>>NewRow.appendChild(ValueCell);
>>
>>//Add row to table
>>TableBody.appendChild(NewRow);
>>>>
>>Here is an example of changing the background color:
>>
>><html>
>><head>
>><script language="javascript">
>>var highliteColor = "#3366cc";
>>
>>function toggleColor(element){
>> if(element.style.backgroundColor == highliteColor){
>> element.style.backgroundColor = element.sourceColor;
>> }
>> else{
>> element.sourceColor = element.style.backgroundColor;
>> element.style.backgroundColor = highliteColor;
>> }
>>}
>></script>
>></head>
>><body>
>><table border="0" cellpadding="3" cellspacing="1" bgColor="#000000">
>><tr>
>><td style="background-color:#ffffff" onclick="toggleColor(this)">Hello</td>
>><td style="background-color:#cccccc" onclick="toggleColor(this)">World</td>
>></tr>
>></body></html>
>>>>
>>>Hi,
>>>
>>>I built a 1 row, 5 column html table in the page load event. I have complete server side control of all of the cells in the table via:
>>>
>>>
>>>this.Table1.Row[0].Cells[0].Text = "my cell text" ;
>>>
>>>
>>>or I can set a property of a cell via:
>>>
>>>this.Table1.Row[0].Cells[0].BackColor=Color.Yellow;
>>>
>>>
>>>But now I need to control some the properties and text via client side JavaScript. How do I need to set up the table, rows and columns so that I can control these elements via JavaScript. Can someone also offer an example of JavaScript that does this?
>>>
>>>Regards, and thanx,
>>>Neil
-----------------------------------------
Cathi Gero, CPA
Prenia Software & Consulting Services
Microsoft C# / .NET MVP
Mere Mortals for .NET MVP
cgero@prenia.comwww.prenia.comWeblog: blogs.prenia.com/cathi
