[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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
_________________________________________________________________
Dont 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