Tema: Jquery Brackets
Ver Mensaje Individual
  #9 (permalink)  
Antiguo 26/12/2013, 15:52
kenyis01
 
Fecha de Ingreso: mayo-2010
Mensajes: 53
Antigüedad: 14 años
Puntos: 0
Respuesta: Jquery Brackets
No, no se nada de java...

Quedaría algo así?

Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.     <head>
  4.     <title>Brackets</title>
  5. <script type="text/javascript" src="jquery-1.6.2.min.js"></script>
  6. <script type="text/javascript" src="jquery.bracket.min.js"></script>
  7. <link rel="stylesheet" type="text/css" href="jquery.bracket.min.css" />
  8.     <script type="text/javascript">
  9.     var doubleEliminationData = {
  10.         teams : [
  11.           ["Team 1", "Team 2"],
  12.           ["Team 3", "Team 4"]
  13.         ],
  14.         results : [[      /* WINNER BRACKET */
  15.           [[1,2], [3,4]], /* first and second matches of the first round */
  16.           [[5,6]]         /* second round */
  17.         ], [              /* LOSER BRACKET */
  18.           [[7,8]],        /* first round */
  19.           [[9,10]]        /* second round */
  20.         ], [              /* FINALS */
  21.           [[1,12], [13,14]],
  22.           [[15,16]]       /* LB winner won first round so need a rematch */
  23.         ]]
  24.       }
  25.     </script>
  26.     </head>
  27. <body>
  28. <div id="doubleElimination">
  29.     <div class="demo">
  30.  
  31.     </div>
  32. </div>
  33.  
  34.  
  35. <script type="text/javascript">
  36. $(function() {
  37.     $('div#doubleElimination .demo').bracket({
  38.       init: doubleEliminationData})
  39.   })
  40. </script>
  41. </body>
  42. </html>