Implémentation d'un plugin

**xoorus** · 25/08/2012, 01h26

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**xoorus** · 28/08/2012, 22h22

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

**CiTriX** · 30/08/2012, 15h59

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**xoorus** · 30/08/2012, 18h36

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

Merci !

Implémentation d'un plugin [Plugin]

jQuery

Vue hybride

Discussions similaires

Partager

Partager