izslēgšanas turnīra zaru ģenerēšana

[Val]

Doma tāda: ir izslēgšanas turnīrs. Vēlētos uzzināt, kā labāk izveidot kautko šādu kopā ar komandu nosaukumiem un spēļu rezultātiem. Zemāk bilde.

- Bija doma par režģa izveidi flashā un tad tekstus ielasītu dinamiski, bet pašam liekas galīgi "kreisi"

- Parasta <table> ar daļu paslēptiem borderiem.

- ar <div>'iem laikam neuztaisītu (vismaz es)

- uzzīmēta bilde fonā ar tai virsū nopozicionētiem tekstiem arī neaļo :)

 

Ir kāda labāka ideja, kā vienkāršāk?

http://upload.wikimedia.org/wikipedia/comm...acket-large.png

[Delfins]

Flash ja māki + XML dati :)

Manuprāt smukāk + ērtāk

[Aleksejs]

Varbūt kāds no šiem der:

http://www.sitepoint.com/forums/showthread...t=bracket+chart

[Val]

Flash variantu ar visu xml ģenerēšanu biju pat uztaisījis, bet pašam vismaz likās tas variants caur d...

Nebūtu beigās tā, ka google aptaisītos indeksējot to web lappusi?

Edited February 6, 2009 by Val

[Kaklz]

Nu paņem vienkārši rekursīvi saliec div tagos

<div style="width: 800px;">
<div style="width: 600px;height: 320px; float: left;">
<div style="width: 400px; height: 160px; float: left;">
<div style="height: 80px; width: 200px;float: left;">
	<div style="height: 40px;line-height: 40px;">round1-team1</div>
	<div style="height: 40px;line-height: 40px;">round1-team2</div>
</div>
<div style="height: 80px;line-height: 80px; width:200px;float:right;">winner of team1 and team2</div>
<div style="height: 80px; width: 200px;float: left;">
	<div style="height: 40px;line-height: 40px;">round1-team3</div>
	<div style="height: 40px;line-height: 40px;">round1-team4</div>
</div>
<div style="height: 40px;line-height: 80px;width:200px;float:right;">winner of team3 and team4</div>
<div style="clear:both;"></div>
</div>
<div style="height: 160px;line-height: 160px; width:200px;float:right;">round3 I</div>

<div style="width: 400px; height: 160px; float: left;">
<div style="height: 80px; width: 200px;float: left;">
	<div style="height: 40px;line-height: 40px;">round1-team5</div>
	<div style="height: 40px;line-height: 40px;">round1-team6</div>
</div>
<div style="height: 80px;line-height: 80px; width:200px;float:right;">winner of team5 and team6</div>
<div style="height: 80px; width: 200px;float: left;">
	<div style="height: 40px;line-height: 40px;">round1-team7</div>
	<div style="height: 40px;line-height: 40px;">round1-team8</div>
</div>
<div style="height: 40px;line-height: 80px;width:200px;float:right;">winner of team7 and team8</div>
<div style="clear:both;"></div>
</div>
<div style="height: 160px;line-height: 160px; width:200px;float:right;">round3 II</div>
<div style="clear: both;"></div>
</div>
<div style="height:320px;line-height: 320px; width: 200px; float: right;">final</div>
</div>

[Delfins]

Flash variantu ar visu xml ģenerēšanu biju pat uztaisījis, bet pašam vismaz likās tas variants caur d...

Nu tas jau nenozimē, ka jebkurš tagad flash ir caur d**** ... Vnk smuki uztaisīt... Plusi būs tādi, ka ja charts ir pārāk liels, tad var uztaisīt ērtu pārvietošanās. HTML tas būs daudz koda un requestu.

 

Protams, ja tas ir 3 zaru koks, tad pre-definētu HTML :)

[Aleksejs]

Ar šo baigi labi var:

http://blog.thejit.org/wp-content/jit-1.0a.../spacetree.html

[Val]

Turnīri būs max no 8 komandām līdz 3 uzvarām katrā kārtā (max 5 spēles kārtā, kad tā beidzas ar 3:2 vai 2:3 spēļu summā).

Kārtas: 1/4fināls, 1/2fināls, fināls1v, fināls3v.

Dažās pat pāris labākās komandas uzreiz tiek 2. kārtā (pusfinālā).

Jāpapēta Alekseja linki, moš kautkas tur tomēr sakarīgs iznāk.

 

Atradu iepriekš taisīto veco tabulas variantu shematiski: http://paste.php.lv/68321006fecaeb0349c4d2ca1c4cfc89

Flash+xml kautkur vecajos arhīvos jābūt

Edited February 6, 2009 by Val

[Aleksejs]

Vēl apskati šo:

http://flare.prefuse.org/demo/

Iekš Treemaps un Layouts ir kaut kas līdzīgs tam, ko Tev vajag.