Eh,I’m pretty new at Javascript and sometimes I stumble on simple stuff. I’ve been messing around with this but Im probably just not doing right.
I tried the (standard?) document.write() but didnt help me much (interrupted the code) so I was trying to change a value in an empty field I have just to test a little counter I had to do.
Here is the code:
[CODE]
var headerArray = new Array(“Author”, “Title”, “Year”, “Amount”);
var classNamesArray = new Array(“authorClass”, “titleClass”, “yearClass”, “amountClass”, “buttonClass”);
var counter = 0;
function update(number) {
counter = counter + number;
[COLOR=”RoyalBlue”]document.getElementById(berror).value = counter;[/COLOR]
}
function moreFields() {
howMany = parseInt(document.getElementById(‘howMany’).value);
update(howMany);
for (var ii = 0; ii < howMany; ii++) {
dynamicParent = document.getElementById(‘dynamicParent’);
index = dynamicParent.rows.length;
dynamicParent.insertRow(index);
for (var i = 0; i < 5; i++) {
dynamicParent.rows[index].insertCell(i);
if (i < 4) {
textField = document.createElement(‘input’);
textField.type = ‘text’;
textField.name = headerArray[i] + index;
dynamicParent.rows[index].cells[i].appendChild(textField);
textField.className = classNamesArray[i];
} else {
dynamicParent.rows[index].cells[i].className = ‘buttonClass’;
dynamicParent.rows[index].cells[i].innerHTML = ‘Remove Field’;
dynamicParent.rows[index].cells[i].onclick = function() {
if (this.parentNode.parentNode.rows.length > 2) {
this.parentNode.parentNode.removeChild(this.parentNode);
update(-1);
}
}
}
}
}
document.getElementById(‘howMany’).value = ‘1’;
}
</script>
</head>
<body onload=”moreFields()”>
<form action=”form.php” method=”post” name=”data” id=”1″>
<table width=”200″ align=”center”>
<tr>
<th scope=”col”><img src=”https://files.getdropbox.com/u/1531805/upbanner.png” alt=”text” /></th>
</tr>
<tr>
<td>
<table width=”974″>
<tr>
<td width=”135″ align=’right’><label>Order Date : </label></td>
<td><input name=”Order date:” type=”text” class=”txtbox”/></td>
</tr>
<tr>
<td align=’right’><label>Teacher Name : </label></td>
<td><input name=”Tname” type=”text” class=”txtbox” /></td>
</tr>
<tr>
<td align=’right’><label>Subject : </label></td>
<td><input name=”Subject” type=”text” class=”txtbox” /></td>
</tr>
</table>
<br>
</td>
</tr>
<tr>
<td>
<table width=”974″ border=”0px” cellspacing=”1″ id=”dynamicParent”>
<tr>
<td align=”center” class=”td authorClass”><label>Author</label></td>
<td align=”center” class=”td titleClass” ><label>Title</label></td>
<td class=”td amountClass” ><label>Year</label></td>
<td class=”td amountClass” ><label>Amount</label></td>
<td></td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr style=”border:none”>
<td ><input style=”border:none”class=”authorClass” id=”aerror” onfocus=”this.blur();”/> </td>
<td ><input style=”border:none”class=”titleClass” id=”terror” onfocus=”this.blur();”/> </td>
<td ><input style=”border:none”class=”yearClass” id=”yerror” onfocus=”this.blur();”/> </td>
<td ><input style=”border:none”class=”yearClass” id=”aerror” onfocus=”this.blur();”/> </td>
[COLOR=”RoyalBlue”]<td ><input style=”border:none”class=”yearClass” id=”berror” onfocus=”this.blur();”/> </td>[/COLOR]
</tr>
</table>
</td>
<tr>
<td>
<table>
<tr>
<td style=”width:815px” align=”right”><input type=’text’ id=’howMany’ value=’1′ size=’2′ />
<input type=”button” onclick=”moreFields()” value=”More Field(s)” />
<input type=”submit” value=”Send” /></td>
<td></td>
</tr>
</table>
</td>
</tr>
</table>
</form>
Any hints would be appreciated,I have painted blue the important part.
Oh ye,the error I get is that ‘berror’ is not defined