Hiding an ImageButton on click using Javascript

Question

I have two ImageButtons on my page. Upon clicking one, I want to hide it and display the other. My current code is:

var button_mute = document.getElementsByID("ImageButtonMute");
var button_unmute = document.getElementsByID("ImageButtonUnmute");

    function mute() {
        vid_left.mute();
        vid_right.mute();

        button_mute.style.display = "block";
        button_unmute.style.display = "none";
    }

    function unmute() {
        vid_left.unMute();
        vid_right.unMute();

        button_mute.style.display = "none";
        button_unmute.style.display = "block";
    }


<asp:ImageButton ID="ImageButtonMute" runat="server" 
        ImageUrl="~/icons/volume_mute_small.png" OnClientClick="mute()" />
    <asp:ImageButton ID="ImageButtonUnmute" runat="server" 
        ImageUrl="~/icons/volume_unmute_small.png" OnClientClick="unmute()" />

I haven't referenced either in the code behind, and I'm not sure why this isn't working. Any help is appreciated, thanks.

Did you put the javascript in a <script> tag?

calebds
– calebds

2012-04-09 23:34:48 +00:00
Commented Apr 9, 2012 at 23:34 — calebds
– calebds, Commented Apr 9, 2012 at 23:34
document.getElementsByID != document.getElementByID

Isaac Fife
– Isaac Fife

2012-04-09 23:43:35 +00:00
Commented Apr 9, 2012 at 23:43 — Isaac Fife
– Isaac Fife, Commented Apr 9, 2012 at 23:43

Zelter Ady · Accepted Answer · 2012-04-09 23:41:47Z

2

Use this select:

var button_mute = document.getElementsByID('<%= ImageButtonMute.ClientID %>');
var button_unmute = document.getElementsByID('<%= ImageButtonUnmute.ClientID %>');

This should work!

answered Apr 9, 2012 at 23:41

Zelter Ady

6,35812 gold badges56 silver badges80 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Hiding an ImageButton on click using Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related