get HTML table property on page load event

hi everyone,

is there a way to get the HTML Table property on page_load event, here is my current situation

on page_load i have my HTML table display property set to 'none'
on runtime i can have its display property set to ' ', thus showing the HTML table with its content, however when I click some ASP buttons and have some postback it resets the display property to 'none'

thanks

ariesL

Newbie Poster

6 posts since Mar 2007

Reputation Points: 10

Solved Threads: 0

4 Years Ago

Need to see your code to be certain how to help.

Me I'd add an id and runat="server" attribute to the table to make it a server side System.Web.UI.HtmlControls.HtmlTable control and use the tabeid.visible = true/false property to turn it on and off server side.

hollystyles

Veteran Poster

1,182 posts since Feb 2005

Reputation Points: 262

Solved Threads: 68

4 Years Ago

dear HollyStyles,

in my JS file -- HotIssuesJScript.js

function checkBoxClick(checkBoxID,tableID) {
var myCBox=document.getElementById(checkBoxID);
var myTable=document.getElementById(tableID);
if (myCBox.checked == true) {
 
myTable.style.display='';
}
else {
myTable.style.display='none';
}
alert(myTable.style.display);
}

in my ASPX file

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default2.aspx.vb" Inherits="Default2" %>
<!DOCTYPEhtmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<scriptlanguage=javascriptsrc=HotIssueJScript.js></script>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<headrunat="server">
<title>Untitled Page</title>
 
</head>
<body>
<form id="form1" runat="server">
<div>
<table id="table1" style="width: 337px; display: none;">
<tr>
<td style="width: 138px">
Secret Message</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 138px; height: 21px;">
</td>
<td style="height: 21px">
</td>
<td style="height: 21px">
</td>
</tr>
<tr>
<td style="width: 138px; height: 21px">
</td>
<td style="height: 21px">
</td>
<td style="height: 21px">
</td>
</tr>
</table>
<table style="width: 337px; display: none;" id="table2">
<tr>
<td style="width: 138px">
Secret Message2</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td id="Table2" style="width: 138px">
</td>
<td>
</td>
<td>
</td>
</tr>
<tr>
<td style="width: 138px; height: 21px">
</td>
<td style="height: 21px">
</td>
<td style="height: 21px">
</td>
</tr>
</table>

 
</div>

<asp:CheckBox ID="CheckBox1" runat="server" Text="Tick to Show Message1" />
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<asp:CheckBox ID="CheckBox2" runat="server" Text="Tick To Show Message2" />

<asp:Button ID="Button1" runat="server" Text="Button" />
</form>
</body>
</html>

in my aspx.vb file

PartialClass Default2
Inherits System.Web.UI.Page
Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load
Dim tmpValue As String
tmpValue = "return checkBoxClick('CheckBox1','table1');"
CheckBox1.Attributes.Add("onClick", tmpValue)
tmpValue = "return checkBoxClick('CheckBox2','table2');"
CheckBox2.Attributes.Add("onClick", tmpValue)
End Sub
EndClass

thanks

ariesL

Newbie Poster

6 posts since Mar 2007

Reputation Points: 10

Solved Threads: 0

This article has been dead for over three months

You