Thursday, February 9, 2012

Hide/Show div using JavaScript Code

I taken Two div's as follows
and I hide/show from server side client call i.e Script manager
<div id="Status" style="display:none">
<tr><td align="right" width="175px"><asp:Label ID="lblStatus" runat="server" Text="Status"></asp:Label></td>
</div>
<div id="Status1" style="display:none">
<tr><td align="right" width="175px"><asp:Label ID="lblStatus1" runat="server" Text="Status1"></asp:Label></td>
</div>
ScriptManager.RegisterStartupScript(this, this.GetType(), "status", "javascript:Status();", true);
<script type="text/javascript">
function Status()
{
document.getElementById('Status').style.display = "block";
document.getElementById('Status1').style.display = "none";
}
</script>

No comments:

Post a Comment