Hi all,
Iv'e got a page that has a mass amount of input fields, all of which require
a decimal figure. To make it easier when it comes to inputting data, I'm
trying to setup + and - links that will increment/decrement the form field
value by 1 when clicked.
I'm using the following code, however when I click on one of the links, I
get the following error -
document.forms.tmp.input_field is null or not an object.
It's as if JavaScript is not reading the parameter being passed through the
function.
Here's the code -
<html>
<head>
<script language="JavaScript">
function increment(input_field) {
document.forms.tmp.input_field.value = document.forms.tmp.input_field.value
+ 1;
document.forms.tmp.input_field.focus();
}
function decrement(input_field) {
document.forms.tmp.input_field.value =
document.forms.tmp.input_field.value - 1;
document.forms.tmp.input_field.focus();
}
</script>
</head>
<body>
<form name="tmp">
<p><input type="text" name="temporary" id="temporary" value="0">
<a href="#" onClick="javascript:increment(temporary);">+</a>
<a href="#" onClick="javascript:decrement(temporary);">-</a></p>
</form>
</body>
</html>
Any help would be appreciated. I just can't seem to see the problem...
Thanks in advance,
Stuart