javascript for show and hide usercontrol on click of linkbutton

Question

0.00/5 (No votes)

See more:

This is aspx page

ASP.NET

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="hyperlink.aspx.cs" Inherits="hyperlink" %>
<%@ Register Src="~/hyperlinkusercontrol.ascx" tagname="abc" tagprefix="uc1"%>
<!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 runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   <uc1:abc id="abc"  runat="server" visible=true/>
    </div>
    <p>
        <asp:LinkButton ID="LinkButton1" runat="server">LinkButton
    </p>
    <p>
         </p>
    <p>
         </p>
    <p>
         </p>
    </form>
</body>
</html>

this is ascx page

XML

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="hyperlinkusercontrol.ascx.cs" Inherits="hyperlinkusercontrol" %>
<style type="text/css">
    .style1
    {
        width: 100%;
    }
    .style2
    {
        width: 63px;
    }
</style>

<table class="style1">
    <tr>
        <td class="style2">
            User</td>
        <td>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td class="style2">
            pwd</td>
        <td>
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        </td>
    </tr>
    <tr>
        <td class="style2">
            <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
        </td>
        <td>
            <asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button" />
        </td>
    </tr>
</table>

this is ascx.cs

C#

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Data;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls.WebParts;
using System.Configuration;

public partial class hyperlinkusercontrol : System.Web.UI.UserControl
{
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        if(TextBox1.Text=="mann"&& TextBox2.Text=="rai")
        {
            Label1.Text = "helloo welcm";
        }
        else
        {
            Label1.Text = "error in input";
        }
        Label1.Enabled = true;
    }
}

Posted 29-Aug-13 21:33pm

Mann Rai

Updated 29-Aug-13 21:48pm

kishore sharma

v3

Add a Solution

Comments

[no name] 30-Aug-13 3:38am

What is the problem..??

Mann Rai 30-Aug-13 3:42am

i want to use javascript for hide and show usercontrol when i click on linkbutton

Moosavi S.M. 30-Aug-13 3:43am

where is your javascript code?

Mann Rai 30-Aug-13 3:44am

i dont know how to use javascript for usercontrol

Mann Rai 30-Aug-13 3:46am

i want javascript code for hide and show usercontrol on click of Linkbutton

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Anand Kumar Prajapati · Answer 1 · 2013-08-30T01:12:00

on aspx page, put you user control inside a div -

ASP.NET

<div class="controlParent">
 <uc1:abc id="someId" runat="server" xmlns:uc1="#unknown" />
</div>

On your linkbutton add CssClass -

ASP.NET

<asp:linkbutton id="LinkButton1" runat="server" text="Show/Hide" cssclass="btnHide" xmlns:asp="#unknown" />

In head section of your aspx page, write javascript like -

JavaScript

<!-- Add you jquery.min.js file path here, -->
<script type="text/javascript">
$(document).ready(funcyion(){

   $(".btnHide").click(function(){
      $(".controlParent").toggle();
   });
});

</script>

Moosavi S.M. · Answer 2 · 2013-08-29T21:53:00

Solution 1

1) place your user control in a div and give the div an ID so you can
manipulate it using jquery or javascript.

2) hide and show your div using this methods:

$("#divID").animate.hide();
$("#divID").animate.show();

this codes are jquery!

so when the the div hides, then user control hides!

Posted 29-Aug-13 21:53pm

Moosavi S.M.

Updated 30-Aug-13 2:56am

v10

Comments

Mann Rai 30-Aug-13 4:07am

i want code for hide and show usercontrol on click of link button

Mann Rai 30-Aug-13 8:52am

i m not understand what are u saying

Mithiten · Answer 3 · 2013-08-30T01:34:00

Solution 3

http://stackoverflow.com/questions/8722828/make-asp-net-control-visible-true-at-clientside-using-onclick-peroperty-of-linkb

Posted 30-Aug-13 1:34am

Mithiten

Comments

Mithiten 30-Aug-13 7:34am

IF GOT ANSWER THEN CLICK ON SOLUTION....

Mann Rai 30-Aug-13 7:54am

i m not geting the exact answer

javascript for show and hide usercontrol on click of linkbutton

3 solutions

Solution 2

Solution 1

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us