hi all,

i am using an image as a button. so i want to disable it on some actions.

so i used
document.getElementById("imagName").disabled = true;

but it seems that this property is not working for <img
because when i check it with text field by displying an alert

alert(document.getElementById("textField").disabled );

it will alert a boolean value. but when it checked with the image it will alert as "undefined"..

so i want to know that disable property is valid for <img

thanks..
janaka priyadarshana

disabled only works on form elements.

but this image also in the form..

But it is not a form element. A form element is something like <input> <select> and <textarea>.

but
http://www.java2s.com/Code/JavaScrip...sappliedto.htm

in the above page it is mentioned that dasabled property can be applied for <img

is that wrong...?

It might be in the specs as being allowed but obviously browsers don't support it.

If you use:
You should be able to disable it. That's a valid input type; it should be supported widely.

Alterantively; try:


You might have to restyle the button to stop it being drawn as an actual button... but the button will have a disabled property; and disabling the button will stop the image being clicked/prevent the button from being functional.

See: http://www.w3.org/TR/html4/interact/forms.html#h-17.4

<img src="[href to image]" name="add" onclick="sendAdd();">

this is the way i am useing the image as a button.
is this possible to disable.....?

i believe you can. add id property and then try and disable. Pls get back to me.
that is

<img src="[href to image]" id="add" name="add" onclick="sendAdd();">

<script lang=javascript>
document.all.add.disabled = true;
</script>

ya. i have already used the id property to access it, but still it is not working. i am using the Mozilla browser. so the way to access the image is as follow.

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