jQuery Bracket
This project allows users to create single and double elimination brackets for tournament play. The underlying idea is that the bracket can be visually customized and easily used to edit the results. Please see the examples below.
- 2012-01-23: SASS conversion for styles. Fix bug with 2 teams.
- 2012-01-15: Result labels and color adjustments. jQBracket release 2 reached.
- 2011-10-18: Consolidation final support for single elimination. jQBracket release 1 reached.
- 2011-10-11: Bugfix: Zero not properly accepted as a result
The code is still in alpha phase and some modifications are likely happen. Feedback can be sent to teijo(a)aropupu.fi or via IRC to Aroppuu @ IRC/Quakenet.
- Get the code and css
Release 2 .js .css Release 1 .js .css Bleeding edge .js .css .sass (?) - Depends on jQuery 1.6.4+
- Check out jQuery UI for autocomplete
- jQuery JSON for dynamic functionality
<script type="text/javascript" src="jquery-1.6.2.min.js"></script> <script type="text/javascript" src="jquery.bracket.js"></script> <link rel="stylesheet" type="text/css" href="jquery.bracket.css" />
Minimal
Save functionality (click team and score labels to edit)
Note that you can press return when entering scores to procede to next field.
Save output
Try to first modify some scores or teams
Data inquired at startup
Data customization
Double elimination
Autocomplete demo, try input as "countrycode:name"
This demo uses jQuery UI for the autocomplete.