Nedávno sa mi ozval Duffy. Chcel so mnou prediskutovať možnosť vytvorenia tabuľky bez tabuľky. Inými slovami, zaujímalo ho ako posladať a oCSSkovať DIVy a SPANy tak, aby dohromady vytvorili tabuľku. Výsledkom diskusie boli dve veci:
- Táto ukážková
tabuľka, ktorá pomocou atribútu
displaymení spôsob, akým sa DIVy zobrazujú a správajú. Finta je v tom, že IE akosi nechápe, čo sa po ňom chce (z toho, čo som doposiaľ zistil, tak ako-tak zvládadisplay: table-cell, ale nič viac). - Zistenie, že je tak trochu zbytočné prerábať DIVy na tabuľku.
Trochu som však nad tým koumal (hlavne nad bodom 2) a napadla ma celkom zaujímavá vec. Ale najprv spomeniem niečo iné, aby to celé dávalo aspoň trochu zmysel:
Prednedávnom som pre prezentáciu jedného klienta robil skript, ktorý z nejakých dát vygeneroval sústavu DIVov, ktoré dohromady dávali stĺpcový graf. O niečo neskôr som robil verziu tej prezentácie pre tlač a tak som musel ten graf usporiadať do nejakej podoby pripomínajúcej tabuľku. Teraz som si na to spomenul a bod 2 bol mierne nabúraný. Aj tak mi to však pripadalo trošku nelogické a tak som myslel ďalej, až som vymyslel…
Predstavte si, že máte tabuľku. Prehliadač ju interpretuje ako tabuľku,
to nie je problém dokonca ani v zastaralých rachotinách typu NN4. Máme
tu však nové prehliadače, ktoré vedia robiť kúzla. Napríklad premeniť
DIVy na tabuľky, ale na druhej strane aj tabuľku na DIVy. Nebudeme teda
dávať DIVu display: table-cell, ale tabuľke display:
block. Už vidíte kam mierim? Áno, presne tak. Vezmeme tabuľku a jej
obsah, preženieme to JavaScriptom, okoreníme CSSkom a výsledkom bude
stĺpcový graf. Spätná kompatibilita zaručená, verzia grafu pre tlač
tiež. Doma som na tom trochu začal pracovať a vyzerá to tak, že som našiel
niečo, čo ma na nejakú dobu zaujme (keď už sa to nedarí mojej práci).
Dúfam, že sa čoskoro budem môcť pochváliť funkciou
graphIt().

Sleduj všetky zápisy pomocou RSS
Sleduj všetky komentáre pomocou RSS
a coze take robis v praci , ze ta to nebavi ?
To s tou tabulkou → graf , je super napad. Som zvedavi ci sa ti to podari a ci si bude moct clovek vyberat typy grafov ako v Excely. Cize klasicky stlpcovy , 3D stlpcovy , pie, 3D pie , bodovy, a tak.
Ale to zrejme nie :)