multiple selection form design

lobo78 · 03-16-2005, 02:19 PM

I am creating a form for the purpose of scheduling employees. The problem is that it needs to be able to schedule employees for any half hour period in a day. So, for example, I schedule Bob to work from 8:30-11:00 am and 5:00-9:30 pm. So, there would be 48 possible options to select. I want to ask everyone's opinion of the best way to implement this without looking ugly and being hard to use. The two ideas I've come up with (48 checkboxes or a large dropdown that allows multiple selections) both seem pretty ugly to me. Does anyone have any better ideas?

Aryden · 03-18-2005, 01:56 PM

well you could actually do a step by step type layout where the first thing they do is pick (1st shift, 2nd shift, 3rd shift) once selection is made, it redirects them to the next page containing a drop down or radial button for the shifts available in that particular time frame. i can make one and put it up to let you see what i mean if you cant visualize it, hell even i cant fully......
????: NamePros.com http://www.namepros.com/web-design-discussion/75750-multiple-selection-form-design.html

actually after a quick google search i found this for you:

<html>
<head>
<title>Redirect Form</title>
</head>
<body>
<form method="POST" action="/cgi-bin/library/redirect/redirect.pl">
<select name="url">
<option value=""> Select a Destination
<option value=" /firstshift.html"> Options for 1st shift
<option value="/secondshift.html/"> Options for 2nd shift
<option value="/thirdshift.html/"> Options for 3rd shift
<option value="/allshifts/"> All shifts
</select>
<input type=submit name=submit value="Go!">
</form>
</body>
</html>

now given you need a cgi for it but hey, you need one for just about everything. i will see if i can make one w/o needing that.

actually screw the last one try this instead:

<script language="JavaScript" type="text/JavaScript">

</script>
</head>

<body>

<form name="form1" method="post" action="">
<select name="1st" onChange="MM_jumpMenu('parent',this,0)">
<option value="../fisrtshift.html" selected>1st shift</option>
<option value="../2ndshift.html">2nd shift</option>
<option value="../3rdshift.html">3rd shift</option>
</select>
</form>

OneEyedDog · 03-19-2005, 12:11 PM

How about input fields where the people input the actual times (you can have an example written above)? No drop downs or inputs needed

Let me know if this works for ya!

03-16-2005, 02:19 PM	THREAD STARTER #1 (permalink)
lobo78 First Time Poster! Join Date: Mar 2005 Posts: 1	multiple selection form design I am creating a form for the purpose of scheduling employees. The problem is that it needs to be able to schedule employees for any half hour period in a day. So, for example, I schedule Bob to work from 8:30-11:00 am and 5:00-9:30 pm. So, there would be 48 possible options to select. I want to ask everyone's opinion of the best way to implement this without looking ugly and being hard to use. The two ideas I've come up with (48 checkboxes or a large dropdown that allows multiple selections) both seem pretty ugly to me. Does anyone have any better ideas?

03-19-2005, 12:11 PM	#3 (permalink)
OneEyedDog NamePros Member Join Date: Mar 2004 Location: Middle Earth (NZ) Posts: 149	How about input fields where the people input the actual times (you can have an example written above)? No drop downs or inputs needed Let me know if this works for ya! __________________ Script Installation, Avatars, Banners and Buttons for $NP or Paypal, PM me your requirements :D Deni J Vanin \| Freelance Jobs and Forums \| Web Design

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Paypal Settlement	CMachuca	The Break Room	3	07-31-2004 10:14 PM
PAYPAL Litigation	johnn	Domain Name Discussion	6	07-31-2004 09:51 PM
Paypal Settlement	Lord	The Break Room	2	07-30-2004 09:30 PM
Web Design Review Process - 2 Many Cooks?	ixuma	Web Design Discussion	0	09-16-2003 07:36 PM

	NamePros Design Contests	Forum Sponsorship
	Join in on the FUN! You can start an affordable design contest and pick from entries talented members submit or you can enter a design contest for a chance to win CASH PRIZES! What are you waiting for? Get started in the fun TODAY! - Banners, Logos, Mascots, and MORE! (Please READ the design Contest section rules Prior to starting or entering a contest)

03-18-2005, 01:56 PM	#2 (permalink)
Aryden NamePros Member Join Date: Mar 2005 Posts: 26	well you could actually do a step by step type layout where the first thing they do is pick (1st shift, 2nd shift, 3rd shift) once selection is made, it redirects them to the next page containing a drop down or radial button for the shifts available in that particular time frame. i can make one and put it up to let you see what i mean if you cant visualize it, hell even i cant fully...... ????: NamePros.com http://www.namepros.com/web-design-discussion/75750-multiple-selection-form-design.html actually after a quick google search i found this for you: <html> <head> <title>Redirect Form</title> </head> <body> <form method="POST" action="/cgi-bin/library/redirect/redirect.pl"> <select name="url"> <option value=""> Select a Destination <option value=" /firstshift.html"> Options for 1st shift <option value="/secondshift.html/"> Options for 2nd shift <option value="/thirdshift.html/"> Options for 3rd shift <option value="/allshifts/"> All shifts </select> <input type=submit name=submit value="Go!"> </form> </body> </html> now given you need a cgi for it but hey, you need one for just about everything. i will see if i can make one w/o needing that. actually screw the last one try this instead: <script language="JavaScript" type="text/JavaScript"> <!-- function MM_jumpMenu(targ,selObj,restore){ //v3.0 eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'"); if (restore) selObj.selectedIndex=0; } //--> </script> </head> <body> <form name="form1" method="post" action=""> <select name="1st" onChange="MM_jumpMenu('parent',this,0)"> <option value="../fisrtshift.html" selected>1st shift</option> <option value="../2ndshift.html">2nd shift</option> <option value="../3rdshift.html">3rd shift</option> </select> </form>

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)