Member Avatar for ariesL

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

  • 2 Contributors
  • 2 Replies
  • 116 Views
  • 12 Hours Discussion Span
  • Latest Post Latest Post by ariesL
Member Avatar for hollystyles

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.

Member Avatar for ariesL

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

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.