Hackujeme v TV PROGRAMe – prakticky I.

Na tento seriál som sa mimoriadne tešil pretože po niekoľkých rokoch používania tohto programu až mnou skúšaná verzia umožnila niečo naviac a nad rámec bežného chápania používania softwaru. Seriál, na ktorý čakáš začína!
Po nainštalovaní beta verzie TV programu nazriem do adresára, kam sa usídlil. Zaujme ma priečinok "language" a už viem, že prípadná lokalizácia je len otázkou času. Preložiť stringy v XML súbore je predsa malina. Ale to nie je to, čo by ma nadchlo.
Prechádzam popri priečinku "pictures" a takisto nemám dnes chuť premaľovať si obrázky na vzhľadnejšiu vkusom šmrcnutú alternatívu.
Priečinok "script" však obsahuje kopec zázrakov.
TV Program je od svojich počiatkov IBA zabudovaným webovým prehliadačom. To vie snáď každý, kto sa vyzná. Od tej doby neustále premýšľam nad úpravami v zobrazení, správaní či dokonca funkcií sa mi zachcelo.
Dnes to už možné je.

V tomto priečinku je niekoľko súborov a veľa z nich okamžite hlási, čo sú zač.

programdef.css

Definícia vzhľadu stránky so zobrazeným obsahom. Trošku nepríjemné je, že programy sa na obrazovku skladajú za pomoci tabuliek (s tým sa dá niečo robiť) ale úpravy v CSS súbore do značnej miery prispôsobia vzhľad „stránky“. Ja som ako prvý pokus zvolil oddelenie jednotlivých programov bodkovanou čiarou:
.zaznam_tabulka{ border-top: 1px dotted black; color: [nadpis_color];font-size: [nadpis_size]px;}
Všimol som si, že v CSS súbore sú značky. Tam si TV program vkladá konkrétne hodnoty. Je to svojim spôsobom dobrá správa aj keď s tým môžete urobiť iba to, že značky nahradíte konkrétnymi hodnotami.
CSS súbor onedlho opúšťam, predsa len nič svetoborné a nové. Skôr očakávané a je to milá povinnosť mať CSS pod rukami.

zaznamtv.htm

Je hlavnou súčasťou zázraku. V tomto súbore je šablóna zobrazenia jedného vysielaného programu. Čiže stará sa o zobrazenie času, názvu, popisu, ikoniek, obrázku. Má v sebe aj aktívne prvky – odkazy na zobrazenie detailov programu a mnoho ďalších vecí.
Rozloženie je realizované množstvom vnorených tabuliek ale nevidím problém posnažiť sa ich trochu eliminovať. Podľa mňa by to zjednodušilo zobrazovanie ale ani tomu som sa príliš nevenoval.
Aj v tomto súbore je použitý systém značiek vo formáte [%nazov%] a z názvu sa dá zistiť o čo asi ide.
Ako prvú začiatočnícku úpravu som urobil odstránenie siahodlhých popisov programov. Proste som chcel mať kompaktnejšie zobrazenie programu (čím viac bez rolovania).
Našiel som v kóde značku [%POPIS%], pochopil som okolie a vymazaniu celého kontextu už nič nebránilo:
[%HODNOCENI%][%POPIS%]
[%SHOWVIEW%]
<br><center>
[%IMG%]
</center>
Takže to šlo preč.
Prečo by som však nešiel ďalej? Prišiel som o popisky ale nechcel som ich mať nedostupné. Napadli ma cotojátka, ale tie sa ukázali ako nefunkčné pretože sú vkladanou knižnicou. Tak som si spravil vlastné vyskakovacie okienka s popismi a využil pri tom dokonca značku [%ID%] pre odlíšenie selektorov pre javascriptové aktivačné odkazy.
Po skúšaní som poupravoval kód a vyskakovacie okienka boli hotové:
<td class="zaznam_nadpis" height="1" style="padding-left:2px">
<a href="[%URL_DETAIL%]" onMouseover="w[%ID%].style.display='block'" onMouseout="w[%ID%].style.display='none'">
[%NAZEV%]
</a>
<div id="w[%ID%]" class="tipa" style="display:none">
[%POPIS%]<br>[%HODNOCENI%]<br>[%TYP%] [%STDZ%]<!--[%SHOWVIEW%] -->[%IMG%]
</div>
</td>
Znalci tušia, čo som spravil. Značky z kódu o kus nižšie zmizli ale obavili sa v boxe (class tipa je v CSSku). Normálne sú skryté. Keď však prejdete myšou ponad nadpis, tak sa aktivuje onMouseover a prepne sa pomocou javascriptu CSS vlastnosť display. Po opustení nadpisu myšou sa zasa okienko s popisom skryje.
Kód pre triedu tipa pridávam na koniec programdef.css
.tipa {
position:absolute;
padding: 4px;
border:1px solid black;
border-left: 1px solid #CCCCCC;
border-top: 1px solid #CCCCCC;
font:normal 11px sans-serif;
z-index:100;
background-color: #BBBB00;
}
Po týchto úpravách som bol spokojný. Mám TV program kompaktný a prehľadný. Trochu som sa pohral v CSS a vzhľad sa subjektívne zlepšil. Zmeny v CSS sú triviality, nechávam ich na vás.

Prvá etapa úprav skončila

Hneď na to som začal myslieť na vyššiu školu hackovania. Čo tak do kódu vkladať volanie vlastných akcií? Šlo by to? Preboha. Áno. Ide to!

Už mi neujde žiadny diel reality show Mojsejovci Nora (SuperTELO!) a Braňo na TV Markíza, Trosečník Marek Vašut z TV Prima a ostatné relácie na ktoré ma ZADARMO upozorňujete cez SMS.