Urgent!! Never Solved Question??

[poknam]

i'm designing a form, asking people to input their past exam results, it is designed to be dynamic.

at first, only one row of text fields will be displayed
<input type="text" name="subject[]" value="1">&nbsp;<input type="text" name="grade[]" value="1">

<input type="submit" value="more">

if they press the "more" button, a new row of text fields will be displayed immediate below the first row <b>without reload the page</b> and <b>the value of first column is still kept</b>, and so on
e.g.

<input type="text" <input type="text" name="subject[]" value="1">&nbsp;<input type="text" name="grade[]" value="1">
<input type="text" <input type="text" name="subject[]" value="2">&nbsp;<input type="text" name="grade[]" value="2">

<input type="submit" value="more">

can it be done by using javascripts and how?? anyone can help??
thanks

Dragonfly

[Anon]

This should be solvable. However, I would recommend using a "regular" form instad of javascript, in case the people who are going to use it does not have JS capabilities. (Or run Opera/Netscape, in wich case the below might not work.)

This is just an example. There are several solutions for this.

<!-- Begin -->
<form action="file.php" method="post" name="mainForm">

<!-- "base inputs", always present -->
<input type="text" name="test[]">
<input type="text" name="test[]">

<!-- Button that removes 'none' from div Part1s style.display -->
<input type="button" value="more" onClick="Part1.style.display='';">

<!-- Start of Part1 div -->
<div id="Part1" style="display:none">
<!-- (insert more inputs) -->
<!-- Button that removes 'none' from div Part2s style.display -->
<input type="button" value="more" onClick="Part2.style.display='';">
</div>

<!-- same as above -->
<div id="Part2" style="display:none">
<!-- last set of inputs -->
<input type="submit" value="finish">
</div>

</form>
<!-- The end -->

[nashirak]

It might be able to be done with javascripts although it would be very harry. The reason your question was not answered is because this is a PHP board and as such do not handle Javascript. Wouldnt it be better just to Refresh?

[poknam]

thanks
but the solution only works for two rows,
as the student may take many papers for each exam, any methods so that it works up to infinity rows without hardcode each row?

Dragonfly

[ciaran]

This is just a test

[tasistro]

Take a look at

http://javascript.internet.com/forms/dynamic-input.html

IE only so I couldn't check if it works.

Saludos
Gerardo

[Anon]

Javascript would be EXTREMELY nasty to use in this case. And the only advantage you are really saving is the reload of the page. I would advise looking for a PHP solution...at which time this becomes a fairly trivial problem

Hope this helps
Darren