No, no se nada de java...
Quedaría algo así?
Código HTML:
Ver original<!DOCTYPE html>
<script type="text/javascript" src="jquery-1.6.2.min.js"></script> <script type="text/javascript" src="jquery.bracket.min.js"></script> <link rel="stylesheet" type="text/css" href="jquery.bracket.min.css" /> <script type="text/javascript"> var doubleEliminationData = {
teams : [
["Team 1", "Team 2"],
["Team 3", "Team 4"]
],
results : [[ /* WINNER BRACKET */
[[1,2], [3,4]], /* first and second matches of the first round */
[[5,6]] /* second round */
], [ /* LOSER BRACKET */
[[7,8]], /* first round */
[[9,10]] /* second round */
], [ /* FINALS */
[[1,12], [13,14]],
[[15,16]] /* LB winner won first round so need a rematch */
]]
}
<div id="doubleElimination">
<script type="text/javascript"> $(function() {
$('div#doubleElimination .demo').bracket({
init: doubleEliminationData})
})