Enabling disabled option

[KeredDrahcir]

Can somebody help me. I'm trying to set a disabled option to enabled when the user click on a link. I've tried just about everything and I'm practically pulling my hair out.

The option I want to enable is a test box.

<input type="text" name="input_name<?=$i;?>" id="input_id<?=$i;?>" value="<?=$class->value;?>" disabled="true" size="4"/>

The code to enable it calls a function.

<img alt="" src="images/img.gif" onclick="disable_enable(<?=$i;?>);"/>

The function is:

<script type="text/javascript" language="JavaScript">
  function disable_enable($i)
  {
    elements="input_name"+$i;
    document.form.elements.disabled=false;
  }
</script>

I've also tried using a getElementById in the onclick and tried using document.form... in the onclick and just can't seem to get the textbox to enable. Am I missing something really simple?

[Dormilich]

first, disabled is a HTML standalone attribute. if you want to set a value, then use "disabled".

document.form.elements is an element collection (but maybe even the document.form call is already invalid*) and as such doesn’t have a .disabled property.

* - it is good coding practice to not use HTML/CSS/JavaScript keywords as variable names

[KeredDrahcir]

I'm not calling the form form. I'm just using that in place of my form name.

I'm not sure what you mean by an element collection.

[Dormilich]

the same thing that is returned when (for instance) calling document.getElementsByName(). document.form_name.elements does the same for all form controls in a form.

[KeredDrahcir]

All the websites I've been to tell me that the code is used is correct.
What is the correct way to re-enable the element?

[Dormilich]

set the .disabled property of the form control to false.

[KeredDrahcir]

I need it be disabled to begin with.

[Dormilich]

set the disabled attribute and do nothing in JavaScript.

[KeredDrahcir]

I thought I needed JavaScript to enable it. How do I enable it without JavaScript?

[Dormilich]

a form control in its default configuration is always enabled. to disable it you either set the disabled attribute in HTML or set in JavaScript the .disabled property to true.

[KeredDrahcir]

I've set the it as disabled. I want to enable it if the user clicks on the image. That why I want to use JavaScript. I don't want that filed to be posted unless the image has been clicked on.

[Dormilich]

then use the click event to set the .disabled property to false.

[KeredDrahcir]

I've tried that and it's not working. That's why I came here.

[KeredDrahcir]

Is there anything else I can try?

[Dormilich]

you can try it with a form control object.

[KeredDrahcir]

I've finally fixed it but you've been 100% unhelpful.

[Dormilich]

it’s not my fault alone, if we don’t understand, what we’re talking about.

[KeredDrahcir]

I tried to be as clear as possilbe in my original post. It just looked as if you hadn't read that.