Geek asks and answers

Want to make the visibility true on the client side of the control, which is made invisible on the server side

I have a text box on the page. Whose visibility is set falsely on the server side. Now I want to make it visible from the client side using java-script. (In this case, no feedback or partial recording can be implemented.)

<%@ Page Title="Home Page" Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
    <head id="Head1" runat="server">
        <title>ControlVisibilityClientSide</title>
            <script type="text/javascript">
                function toggleVisibility(controlId)
                {
                    var control = document.getElementById(controlId);
                    if(control.style.visibility == "visible" || control.style.visibility == "")
                        control.style.visibility = "hidden";
                    else
                        control.style.visibility = "visible";
                }
            </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                <input type="button" ID="btnShowHide" value="Show/Hide" onclick="toggleVisibility('TextBox1');" />
            </div>
        </form>
    </body>
</html>

This works fine.

But when I use

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        TextBox1.Visible = false;
    }
}

The code above does not work at all.

Can someone help me solve this problem, or any suggestion would be appreciated.

+3
source share
3 answers

visible=false, . , .

, visible=false, style display:none

protected void Page_Load(object sender, EventArgs e)
{
   TextBox1.Attributes.Add("style", "display:none");
}

, , Javascript style Diplay:block, LIKE...

document.getElementById('<%=TextBox2.ClientID %>').style.display = 'block';
+7

, , (html). JS, ( html) .

, , script, .

+2

install style["visibility"] = "hidden"on server side. I.E. in C # btnSave.style["visibility"] = "hidden"; He will receive a button, and on the client side this item will be available. On the client side, change the visibility style to visible.

$('#btnSave).css("visibility", "visible");
0
source

More articles:


All Articles