Dessin d'un tournoi de support (CSS/HTML basé sur PHP Dataset)
Si vous n'êtes pas familier avec ce que je veux dire par tournoi de support, voir ici:
http://baseballguru.com/bracket1.gif
Cela dit, j'ai construit le jeu de données et compris le nombre de tours (ceil(log($numPlayers,2))) et je suis à l'aise de trouver le nombre de joueurs à chaque tour, etc.
Ce que je dois faire maintenant est de déplacer mon tableau de correspondances pour chaque tour dans un support. Soit CSS, ou déposé, je peut jouer avec la conception de moi-même, je me demande comment je devrais aller sur la construction de ce (considérer le tournoi peut avoir un nombre variable de tours) en quelque chose de visuel.
Merci!
J'ai travaillé sur un PHP / Laravel plugin qui génère des supports avec / sans tour préliminaire de robin. Peut-être il peut être utile pour vous, je ne sais pas quelle technologie que vous utilisez. Voici le github. github.com/xoco70/kendo-tournaments j'Espère que ça aide!
OriginalL'auteur Matt Dunbar | 2010-02-02
Vous devez vous connecter pour publier un commentaire.
Vous pourriez aller avec tables et fixer des
rowspan
s pour aligner le support. C'est la façon la plus facile, mais certains diront de ne pas sémantiquement correct. Exemple.Vous pouvez aussi le faire avec du CSS avais couches simplement en calculant les positions appropriées et en utilisant des divs en position absolue pour la faire ressembler à un support. Notez que cette approche ne sera pas fluide, sauf si vous déplacer en javascript. En savoir plus sur cette.
Enfin, vous pourriez le faire avec des listes imbriquées, comme décrit dans cette rubrique, mais qui semble tout à fait désordonnée.
OriginalL'auteur Max Shawabkeh
J'ai un projet (TournamentsApi) qui a été faite pour le suivi et le rendu des tournois de. Vous devriez prendre un coup d'oeil.
Sur mon site, je me suis rendu les crochets de SVG et de leur incorporation dans le code HTML. Je serais heureux de partager le code que j'utilise pour le SVG génération /l'incorporation, si vous ont tendance à utiliser mon application.
Bien sûr, le mien est écrit en C#, donc il peut ne pas vous convenir utilise. Toutefois, le code source a été publié sous la licence MIT, et vous êtes libre d'utiliser les structures de données que j'ai créé pour votre propre projet
les Tournois de l'API projet est plus ou moins complète. Ici, il est en action sur notre site web: lanlordz.net/Events/ViewTournament/8/modern-warfare-2 (faites défiler vers le bas sur les tours de la liste pour voir le rendu SVG.)
hey John, est-il une chance que je peux avoir le code source? l'expérimentation avec jquery et ça a été une vraie douleur, je me demandais si il y aurait une version de c#. Merci!!!!
Yeha, le lien dans la réponse a le code pour le réel support de génération de code. La mise en œuvre en HTML avec une base de données de sauvegarde est dans le LAN Lordz code source. lanlordz.codeplex.com
OriginalL'auteur John Gietzen