Topic awaiting preservation: Input Object Issue

Has anyone ran into this problem?

I am rendering a button.
The id and name had a capital letter. ?submitButton? ?submitButton?

<input id="submitButton" name=" submitButton " 
value="ok" type="button" title="submit" onclick="submitButton();" />

For some reason I would see the following js error: object doesn't support this property or method. When I clicked the button.

When I changed to the id and name for the button to all lower case "submitbutton", everything works fine.

Internet Explorer incorrectly adds all name's (and maybe id's) of objects as global variables. So when you say submitButton(), it thinks you're trying to call the <input> tag itself as a function. Renaming the tag (javascript is case sensitive) prevented this.

This is Internet Explorer's fault, because submitButton shouldn't be a global variable.


 

ahhhh i see... this is a good thing to know.

Thanks

quote:

---

This is Internet Explorer's fault, because submitButton shouldn't be a global variable.

---

"Newbie" scripters often find this feature useful since they don't like to use long document.... references.
However, when they get more experienced they tend to hate it hehe.

/TwoD

Use document.getElementById() wherever possible, and avoid using name attribute values like "map" and other values that may be reserved keywords by script or the browser.

I love the document.getElementById() method but I tend to mistype it or forget document.
So here's a small tip:

function getId(id){
 return document.getElementById(id)
}

In there, you could also easily specify an alternative way to reference objects if the browser doesn't support getElementById().

/TwoD