IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Implémentation d'un plugin [Plugin]


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Homme Profil pro
    Développeur Junior
    Inscrit en
    Septembre 2011
    Messages
    170
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Junior
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Septembre 2011
    Messages : 170
    Par défaut Implémentation d'un plugin
    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

  2. #2
    Membre très actif
    Homme Profil pro
    Développeur Junior
    Inscrit en
    Septembre 2011
    Messages
    170
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Junior
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Septembre 2011
    Messages : 170
    Par défaut
    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

  3. #3
    Membre éprouvé
    Homme Profil pro
    Chef de projet NTIC
    Inscrit en
    Octobre 2002
    Messages
    98
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Chef de projet NTIC
    Secteur : Transports

    Informations forums :
    Inscription : Octobre 2002
    Messages : 98
    Par défaut
    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

  4. #4
    Membre très actif
    Homme Profil pro
    Développeur Junior
    Inscrit en
    Septembre 2011
    Messages
    170
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Junior
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Septembre 2011
    Messages : 170
    Par défaut
    en effet, j'avais oublié le div..

    Merci !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 3
    Dernier message: 15/06/2015, 11h09
  2. Recherche de plugin ou implémentation de blog wiki
    Par Khaled.Noordin dans le forum Struts 2
    Réponses: 1
    Dernier message: 14/09/2012, 13h52
  3. [MooTools] Implémentation Plugin Mootools Fancy Upload (v3)
    Par Sanceray3 dans le forum Bibliothèques & Frameworks
    Réponses: 1
    Dernier message: 25/05/2009, 22h05
  4. Implémentation d'un plugin
    Par defluc dans le forum Composants VCL
    Réponses: 2
    Dernier message: 01/01/2009, 18h28
  5. Réponses: 5
    Dernier message: 29/11/2005, 14h32

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo