Dynadot .com Transfer Sale โ€” only $10.49, coupon COMSUMMER26

Multiple selection form design

SpaceshipSpaceship
SpaceshipSpaceship
SpaceshipSpaceship
Watch
Impact
0
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?
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
GoDaddyGoDaddy
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......

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>
 
0
•••
How about input fields where the people input the actual times (you can have an example written above)? No drop downs or inputs needed :D Let me know if this works for ya! :D
 
0
•••
CatchedCatched
Escrow.com
Spaceship
Domain Recover
CryptoExchange.com
Catchy
DomDB
NameFit
  • The sidebar remains visible by scrolling at a speed relative to the pageโ€™s height.
Back