no_bogeys
02-16-2009, 04:52 PM
1) Describe Work Request (be as detailed as possible):
I am looking for some help with updating drop down menus dynamically and without the need to submit and reload pages from the server. I have looked at Dynamic Drive's chained select menus, which is very cool, but I am seeking a more robust solution involving Javascript/AJAX.
I am creating a site for my office colleagues to complete a tournament bracket for the NCAA basketball tournament. If you don't know what I mean and would like to see what a completed bracket looks like, you can visit:
http://www.cbssports.com/collegebasketball/mayhem/brackets/viewable_men
I have created a table in HTML that looks like that bracket above. There are numerous pull down menus, each representing a game in the tournament. The first round is made up of 32 pull downs. Each is a game with only two possible outcomes. These first 32 will always be the same for each user (static), but after the user makes their selections, I would like subsequent pull downs to be updated dynamically, based on the users' choices from the preceding rounds without the need to submit the form and reload the page. Its critical that the user only be given two possible choices for any given pull down. After they've completed their bracket, they will submit the form which writes their selections to a simple flatfile using cgi and perl -- I've already got that part of the project ready to go :) Once in text format, I can use Excel to perform various calculations.
The key is that I really want to avoid submitting the form and reloading the page multiple times.
I will try to be more specific:
Pull down A) offers two possible choices. Team #1 or Team #16.
Pull down B) offers two possible choices. Team #8 or Team #9.
Pull down C) has two choices as well, but they are based on the results of pull downs A) and B). That is, either (Team #1 or Team #16) or (Team #8 or Team #9).
Pull down D) offers two possible choices. Team #5 or Team #12.
Pull down E) offers two possible choices. Team #4 or Team #13.
Pull down F) has two choices as well, but they are based on the results of pull down D) and E). That is, either (Team #5 or Team #12) or (Team #4 or Team #13).
Similarly, pull down G) should offer two choices as well, based on the results of pull-down C) and F).
And so on...
2) Payment methods you support (ie: Paypal, 2checkout etc):
Paypal
I am looking for some help with updating drop down menus dynamically and without the need to submit and reload pages from the server. I have looked at Dynamic Drive's chained select menus, which is very cool, but I am seeking a more robust solution involving Javascript/AJAX.
I am creating a site for my office colleagues to complete a tournament bracket for the NCAA basketball tournament. If you don't know what I mean and would like to see what a completed bracket looks like, you can visit:
http://www.cbssports.com/collegebasketball/mayhem/brackets/viewable_men
I have created a table in HTML that looks like that bracket above. There are numerous pull down menus, each representing a game in the tournament. The first round is made up of 32 pull downs. Each is a game with only two possible outcomes. These first 32 will always be the same for each user (static), but after the user makes their selections, I would like subsequent pull downs to be updated dynamically, based on the users' choices from the preceding rounds without the need to submit the form and reload the page. Its critical that the user only be given two possible choices for any given pull down. After they've completed their bracket, they will submit the form which writes their selections to a simple flatfile using cgi and perl -- I've already got that part of the project ready to go :) Once in text format, I can use Excel to perform various calculations.
The key is that I really want to avoid submitting the form and reloading the page multiple times.
I will try to be more specific:
Pull down A) offers two possible choices. Team #1 or Team #16.
Pull down B) offers two possible choices. Team #8 or Team #9.
Pull down C) has two choices as well, but they are based on the results of pull downs A) and B). That is, either (Team #1 or Team #16) or (Team #8 or Team #9).
Pull down D) offers two possible choices. Team #5 or Team #12.
Pull down E) offers two possible choices. Team #4 or Team #13.
Pull down F) has two choices as well, but they are based on the results of pull down D) and E). That is, either (Team #5 or Team #12) or (Team #4 or Team #13).
Similarly, pull down G) should offer two choices as well, based on the results of pull-down C) and F).
And so on...
2) Payment methods you support (ie: Paypal, 2checkout etc):
Paypal