Hide controls using javascript

Question

1.00/5 (1 vote)

See more:

Hi,

I am doing a HTML page where i need to remove the click attibute of some controls on another button click.

I have 5 edit buttons when i click anyone of these buttons i want to remove the "onclick" attribute of the rest. Please help me !

Posted 19-Jun-12 21:10pm

Arjun Menon U.K

Add a Solution

Comments

Arjun Menon U.K 20-Jun-12 3:16am

Sandeep Mewara 20-Jun-12 8:08am

What error?

You sure you extracted the ID correctly for comparison?

Arjun Menon U.K 20-Jun-12 8:33am

Sandeep i took Elements[i].substr instead i should have taken Elements[i].id.substr(so and so)

Sergey Alexandrovich Kryukov 3-Apr-13 0:08am

Please stop your abuse. Let me tell you that you already got a number of abuse reports for your fake "answers", even before I noticed it.

Please stop posting non-answers as "solution". It can give you abuse reports which eventually may lead to cancellation of your CodeProject membership. And the fact you even self-accepted on formally is just outrageous, a sure way for a ban. I hope you won't do it after this warning.

Comment on any posts, reply to available comments, or use "Improve question" (above).
Also, keep in mind that members only get notifications on the post sent in reply to there posts.

—SA

4 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)

bhagirathimfs · Answer 1 · 2012-06-19T21:20:00

Solution 1

Write in all button click event

CSS

document.getElementsByName("myButton")[0].disabled = true;

Where muButton is the button id.
For button 1 write the above line for rest 4 button than if u click button 1 than rest buttons will disabled.

Posted 19-Jun-12 21:20pm

bhagirathimfs

Comments

Arjun Menon U.K 20-Jun-12 3:37am

The Problem is the name of button changes... The Common part is btnEdit,after that i am appending an ID as given above(document.getElementsByName('btnEdit' + ID))

bhagirathimfs 20-Jun-12 3:53am

document.getElementsByName("btnEdit" + ID).Disabled = true
is the above line not working???

Ahmed Ibrahim Assaf · Answer 2 · 2012-06-24T21:47:00

Elsalmo 3alikom wa ra7mt ALLAH,

Dear,

If you work with HTML button then,
Give all Button same class,

HTML

<button class="edit" onclick="yourFunction();"></button>

then you have to add this function

JavaScript

function yourFunction()
{
  $('.edit').attr('onclick',null);
}

this function will remove all onclick attribute from all button with class='edit'
even your clicked button.

if you want to don't remove onclick from the trigger button, Let me know and I will handle this for you.

Best Regards
Ahmed Assaf
eBusiness Developer

Raghunatha_Reddy_S · Answer 3 · 2012-06-19T21:32:00

Solution 2

After clicking on any button make other buttons disabled

JavaScript

document.getElementById("xx").disabled = true;

Posted 19-Jun-12 21:32pm

Raghunatha_Reddy_S

Comments

Arjun Menon U.K 20-Jun-12 3:44am

The Problem is the name and id of button changes... The Common part is btnEdit,after that i am appending an ID as given above(document.getElementsByName('btnEdit' + ID))

Rakesh Meel · Answer 4 · 2012-06-20T00:25:00

XML

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="ControlVisibilityClientSide.aspx.cs" Inherits="ControlVisibilityClientSide" %>
    <!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>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>

Hide controls using javascript

4 solutions

Solution 1

Solution 6

Solution 2

Solution 4

Add your solution here

Preview 0