Hi, all!

I want to create a data entry form. No problem so far! :-)

The form is to have table-like rows containing the fields.

When the form is first loaded there will be one row visible. When it is filled out and the user clicks the icon for a new row, a new row appears underneath the first one WITHOUT reloading the page. The user fills out that row, clicks the icon for a new row, etc.

Think of it kinda like the rules you specify in MacOSX Mail.app or iTunes' smart playlists, but performed in a web browser.

I imagine that I could have a bunch of pre-defined <DIV> tags, one per form row, and have the new row icon trigger the next row to make itself visible. The problem is that I have an extremely variable number of rows depending upon class size and the idea of having all those extra <DIV>s offends my sense of elegance in programming.

The forms are processed by PHP/MySQL. IE (any version) or backward compatibility with legacy browsers are non-issues (this is NOT for a public site--it's more like a hybrid of intranet and extranet-- and the users are required to use a recent version of Safari, Chrome or Firefox).

1. Is my idea achievable using HTML/JS/CSS?

2. If so, how would I go about doing it? (example/sample code would be appreciated)

Thanks!

Steve
--
Rev. Steve Willis
Director of Software Development
Life Christian University
P.O. Box 272360
Tampa, Fl 33688
(520) 891-3721


CONFIDENTIALITY NOTICE: This e-mail message, including any attachments, is for the sole use of the intended recipient(s) and may contain confidential and privileged information. Any unauthorized review, use, disclosure or distribution is prohibited. If you are not the intended recipient, please contact the sender by reply e-mail and destroy all copies of the original message.



--
This list is a free service of LassoSoft: http://www.LassoSoft.com/
Search the list archives: http://www.ListSearch.com/GoLive/Browse/
Manage your subscription: http://www.ListSearch.com/GoLive/