View Full Version : Dynamic input form field elements, works IE not FF

07-20-2007, 11:34 AM
I've been looking for a javascript like this example: http://javascript.internet.com/forms/dynamic-input.html

Here you can fill in (in this example) a number of URLS, then this script adds a number of fields on the HTML page.

The example works from internet.com in internet-explorer but not in firefox.

Does anybody has experience to create this javascript cross-browser compatible? Or does anybody has maby another examples by getting these functions.

Thanks in advance!

07-20-2007, 12:05 PM

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->


<!-- Original: Peter Hermus -->
<!-- Web Site: http://come.to/speedpete -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function createForm(number) {
data = "";
inter = "'";
if (number < 16 && number > -1) {
for (i=1; i <= number; i++) {
if (i < 10) spaces=" ";
else spaces=" ";
data = data + "URL " + i + " :" + spaces
+ "<input type='text' size=10 name=" + inter
+ "url" + i + inter + "'><br>";
if (document.layers) {
else {
document.getElementById('cust').innerHTML = data;

else {
window.alert("Please select up to 15 entries.");
// End -->

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->


<form name=counter>
Number of URLs to enter:
<input type=text name=number size=5>
<input type=button value="Update" onClick="createForm(counter.number.value);">


<form name="webform">
<table border=0>
<tr valign=top>
<td><input type=text size=20 name=name id=name onChange="msg(this.form)"></td>

<tr><td colspan=2>

<!-- Placeholder for dynamic form contents -->
<span id=cust style="position:relative;"></span>


<tr valign=top>
<td><textarea name=comments cols=45 rows=5 wrap=virtual OnChange="msg(this.form)">
<td><input type=submit value="Send"></td>

<font face="arial, helvetica" size="-2">Free JavaScripts provided<br>
by <a href="http://javascriptsource.com">The JavaScript Source</a></font>

<!-- Script Size: 1.95 KB -->