Implémentation d'un plugin

Version imprimable

Bonjour à tous, je dois créer sur un site un petit module de tournois, et j'ai découvert le plugin jquery aropupu
http://www.aropupu.fi/bracket/#save

J'ai pris les codes donnés dans le release n°1
http://www.aropupu.fi/bracket/src/jquery.bracket-1.js
http://www.aropupu.fi/bracket/src/jquery.bracket-1.css

je les ai mis en ligne sur mon serveur, et j'ai créé un fichier index.php avec le code suivant

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery.bracket-1.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.bracket-1.css" />
</head>
<script>
var singleElimination = {
  "teams": [              // Matchups
    ["Team 1", "Team 2"], // First match
    ["Team 3", "Team 4"]  // Second match
  ],
  "results": [            // List of brackets (single elimination, so only one bracket)
    [                     // List of rounds in bracket
      [                   // First round in this bracket
        [1, 2],           // Team 1 vs Team 2
        [3, 4]            // Team 3 vs Team 4
      ],
      [                   // Second (final) round in single elimination bracket
        [5, 6],           // Match for first place
        [7, 8]            // Match for 3rd place
      ]
    ]
  ]
}
</script>

mon script a pour but de générer un bracket prédéfini, mais ma page reste blanche ....

Je vous remercie pour votre aide

28/08/2012, 22h22
xoorus

malheureusement, il y a beaucoup de vues, mais aucune réponse :(

Je cherche juste à incorporer le module JQuery dans ma page, concernant le fonctionnement, je pense avoir saisi, mais j'ai toujours cette page blanche :/

Si vous avez une idée, ou même si vous ne comprenez pas ma question parceque je l'ai mal formulée, n'hésitez pas à me le dire

merci

Ca ne risque pas de marcher : tu as juste déclaré la source de données.
Il faut que tu ajoutes un conteneur div dans le body (qui est manquant au passage) puis il faut que tu appelles le plugin sur ton div. Par exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 
<head> 
<script type="text/javascript" src="jquery-1.6.2.min.js"></script>
<script type="text/javascript" src="jquery.bracket-1.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.bracket-1.css" />
</head>
<body>
<div id="conteneur"></div>
 
<script>
var singleElimination = {
  "teams": [              // Matchups
    ["Team 1", "Team 2"], // First match
    ["Team 3", "Team 4"]  // Second match
  ],
  "results": [            // List of brackets (single elimination, so only one bracket)
    [                     // List of rounds in bracket
      [                   // First round in this bracket
        [1, 2],           // Team 1 vs Team 2
        [3, 4]            // Team 3 vs Team 4
      ],
      [                   // Second (final) round in single elimination bracket
        [5, 6],           // Match for first place
        [7, 8]            // Match for 3rd place
      ]
    ]
  ]
}
 
$(function() {
  $('#conteneur').bracket({
      init: singleElimination });
});
</script>
</body>

PS : tu as oublié le <head> aussi

30/08/2012, 18h36
xoorus

en effet, j'avais oublié le div..

Merci !