how to show and hide a button in asp.net using javascript or code behind

Question

0.00/5 (No votes)

See more:

hi to all,
i have 1 textbox and 2 button

2 button :- search,clear-filter.

functionality is:-

1) clear-filter always disabled.when you click search,clearfilter enabled.
2) and then if you click clear filter button again clear filter is invisible.

old code:-
here i using this below script but not working in chrome so kindly help me for that.

C#

window.onload = function Showalert() {

           var txt = document.getElementById("<%= txtSearch.ClientID %>");
           var btn = document.getElementById("<%= BtnClearFilter.ClientID %>");
           if (txt.value == "") {
               // alert(txt.value);
               btn.style.visibility = "hidden";
               // when the window is loaded, hide the button if the textbox is empty
           }

       }

       function EnableDisableButton(sender, target) {
           var first = document.getElementById('<%=txtSearch.ClientID %>');

           if (sender.value.length >= 1 && first.value.length >= 1) {
               document.getElementById('<%=BtnClearFilter.ClientID %>').style.visibility = "visible";

           }

           if (sender.value.length < 1 && first.value.length < 1) {

               document.getElementById('<%=BtnClearFilter.ClientID %>').style.visibility = "Hidden";
           }
       }

because given script or code what ever it may be it will work in ie as well as chrome

Posted 12-Jun-15 21:28pm

JOTHI KUMAR Member 10918227

Updated 12-Jun-15 21:45pm

v2

Add a Solution

Comments

F-ES Sitecore 13-Jun-15 15:53pm

How is EnableDisableButton called?

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)

azeran · Answer 1 · 2015-06-12T21:58:00

Solution 1

use updatepanel and Visible=true/false
or
http://www.w3schools.com/jsref/tryit.asp?filename=tryjsref_style_visibility

Posted 12-Jun-15 21:58pm

azeran

Updated 12-Jun-15 21:59pm

v2

Peter Leow · Answer 2 · 2015-06-12T22:35:00

Solution 2

Try jQuery[^] which promises to be cross-browser
Specifically to your question:
1. https://learn.jquery.com/using-jquery-core/faq/how-do-i-disable-enable-a-form-element/[^]
2. http://www.w3schools.com/jquery/jquery_hide_show.asp[^]

Posted 12-Jun-15 22:35pm

Peter Leow

Comments

JOTHI KUMAR Member 10918227 13-Jun-15 7:21am

not work sorry here i used update panel no use :(

Member 10572607 · Answer 3 · 2015-06-15T18:54:00

In javascript :

document.getElementById('<%=Button1.ClientID %>').style.visibility = "hidden";

in Jquery :

SQL

$(selector).css('visibility', 'hidden'); // Hide element
$(selector).css('visibility', 'visible'); // Show element

in C# COde Behide :
button1.visible=false;//to hide.
button1.Visible=true;//to show.