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

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.

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>
<br />
 
</div>
<br />
<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" /><br />
<br />
<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

This article has been dead for over six months. Start a new discussion instead.