I found a way to make them appear.
HTML Code:
<html>
<head></head>
<body>
<script>
var currcount = 1;
function add_stats(addremove)
{
if(currcount>=20)
{
var el = document.getElementById('addstats');
el.style.display = 'none';
return false;
}
else
{
currcount++;
el.style.display = 'inline';
}
}
</script>
<span id="stats">
<span id="addstats" style="display:inline"><a href="#" onClick="add_stats();return false;">Add Attributes</a></span>
<span id="stats1" style='display:inline'> <input type="text" name="stats[1]" size="72"></span>
<span id="stats2" style='display:none'> <br /><input type="text" name="stats[2]" size="72"></span>
<span id="stats3" style='display:none'> <br /><input type="text" name="stats[3]" size="72"></span>
<span id="stats4" style='display:none'> <br /><input type="text" name="stats[4]" size="72"></span>
<span id="stats5" style='display:none'> <br /><input type="text" name="stats[5]" size="72"></span>
<span id="stats6" style='display:none'> <br /><input type="text" name="stats[6]" size="72"></span>
<span id="stats7" style='display:none'> <br /><input type="text" name="stats[7]" size="72"></span>
<span id="stats8" style='display:none'> <br /><input type="text" name="stats[8]" size="72"></span>
<span id="stats9" style='display:none'> <br /><input type="text" name="stats[9]" size="72"></span>
<span id="stats10" style='display:none'><br /><input type="text" name="stats[10]" size="72"></span>
<span id="stats11" style='display:none'><br /><input type="text" name="stats[11" size="72"></span>
<span id="stats12" style='display:none'><br /><input type="text" name="stats[12]" size="72"></span>
<span id="stats13" style='display:none'><br /><input type="text" name="stats[13]" size="72"></span>
<span id="stats14" style='display:none'><br /><input type="text" name="stats[14]" size="72"></span>
<span id="stats15" style='display:none'><br /><input type="text" name="stats[15]" size="72"></span>
<span id="stats16" style='display:none'><br /><input type="text" name="stats[16]" size="72"></span>
<span id="stats17" style='display:none'><br /><input type="text" name="stats[17]" size="72"></span>
<span id="stats18" style='display:none'><br /><input type="text" name="stats[18]" size="72"></span>
<span id="stats19" style='display:none'><br /><input type="text" name="stats[19]" size="72"></span>
<span id="stats20" style='display:none'><br /><input type="text" name="stats[20]" size="72"></span>
</span>
<br />
<b>:)</b>
</body>
</html>
That changes the style from
display:none to
display:inline.
This dosent really work, because i need to be able to have many more (i know add more lines :P). Theres an upwards of 50 different variables, and i would have to write 37 lines of code for each one... 37 * 50 -.- thats a good 1850 lines of excess code!