[SOLUCIONADO] Jquery Brackets

kenyis01 · #1 (**permalink**) 26/12/2013, 15:06

Buenas, trato de hacer una especie de brackets tipo torneo, encontré una librería llamada "jquery brackets" pero no sé como insertarla en mi web. Alguno me ayuda?

http://www.aropupu.fi/bracket/

Carlangueitor · #2 (**permalink**) 26/12/2013, 15:16

En donde dice "Examples" el primer enunciado ahí dice como.

Saludos

kenyis01 · #3 (**permalink**) 26/12/2013, 15:31

Entiendo que tengo que poner en la cabecera esto:

<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" />

pero en el cuerpo del sitio?

Carlangueitor · #4 (**permalink**) 26/12/2013, 15:34

Sigues leyendo y verás que es algo como:

Código Javascript:

Ver original$(function() { $('selector').bracket({init: datos}) })

Saludos

kenyis01 · #5 (**permalink**) 26/12/2013, 15:40

Osea que poniendo eso en el cuerpo del sitio se muestran los datos? lo pruebo y te aviso.

Carlangueitor · #6 (**permalink**) 26/12/2013, 15:42

No en el cuerpo, es código javascript no debería estar en el cuerpo.

Saludos

kenyis01 · #7 (**permalink**) 26/12/2013, 15:44

Me podes dar un ejemplo de como quedaría terminado? Estoy confundido @.@

Carlangueitor · #8 (**permalink**) 26/12/2013, 15:47

No, ahí en la página están los ejemplos.

¿Sabes donde se coloca el código javascript? ¿Sabes algo de javascript?

Saludos

kenyis01 · #9 (**permalink**) 26/12/2013, 15:52

No, no se nada de java...

Quedaría algo así?

Código HTML:

Ver original<!DOCTYPE html>
<html lang="en">
    <head>
    <title>Brackets</title>
<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 */
        ]]
      }
    </script>
    </head>
<body>
<div id="doubleElimination">
    <div class="demo">
 
    </div>
</div>
 
 
<script type="text/javascript">
$(function() {
    $('div#doubleElimination .demo').bracket({
      init: doubleEliminationData})
  })
</script>
</body>
</html>

Carlangueitor · #10 (**permalink**) 26/12/2013, 16:09

Si no sabes Javascript (que no es lo mismo que Java) primero deberías leer sobre eso.

Y luego, casi le atinas, te falta incluir la librería como al principio te decía.

Saludos