[Javascript] JS Help: Dynamic form control

Troy III Ajnej trojani2000 at hotmail.com
Sun Mar 5 15:26:28 CST 2006


>Hmmm, interesting. That may explain a lot.  :)
It does, but not to everyone.
>Oh, no problem. I am sure I am just making a big noob mistake in my code 
>somewhere.
You surely did!
Of course,
if your main posting purpose was not just having fun with us;
Here is the working code for NN, FX and the doubted IE
>From original quirksmode code, to error free...
[There are other errors in this quirks code that I'm not willing to correct 
right now]

HTML
BODY

<div id="readroot" style="display: none">
<form>
<input type="button" value="Remove review" style="font-size: 10px"
onClick="this.parentNode.parentNode.removeChild(this.parentNode)">
<br>
<br>

<input name="cd_1" value="title">

<select name="rankingsel_1">
<option>Rating</option>
<option value="excellent">Excellent</option>
<option value="good">Good</option>
<option value="ok">OK</option>
<option value="poor">Poor</option>
<option value="bad">Bad</option>
</select>
<br>
<br>
<textarea name="review_1">Short review</textarea>
<br>
Radio buttons included to test them in Explorer:
<br>
<input type="radio" name="something" value="test1">Test 1</input>
<br>
<input type="radio" name="something" value="test2">Test 2 </input>
</form>
</div>


<form>
<span id="writeroot"></span>
<input type="button" value="Give me more fields!" onClick="moreFields()">
<input type="button" value="Send form" onClick="alert('Fake submit')">
</form>

SCRIPT

var counter = 0;
function moreFields() {
	counter++;
var newFields = document.getElementById('readroot').cloneNode(true);
	newFields.id = '';
	newFields.style.display = 'block';
var newField = newFields.childNodes;
	for (var i=0;i<newField.length;i++) {
	var theName = newField[i].name;
	if (theName) newField[i].name = theName + counter;
}
var insertHere = document.getElementById('writeroot'); 
insertHere.parentNode.insertBefore(newFields,insertHere); }
window.onload = moreFields;

/SCRIPT

/BODY
/html

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Troy III
progressive art enterprise
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

_________________________________________________________________
Don’t just search. Find. Check out the new MSN Search! 
http://search.msn.click-url.com/go/onm00200636ave/direct/01/




More information about the Javascript mailing list