Validní kód a počítadlo

Datum 3. 10. 2009 v 10:42 | Rubrika: Zápisník pojídačky koláčů

     Již delší dobu používám k plné spokojenosti počítadla http://counter.cnw.cz Jsou spolehlivá, nabízejí spoustu možností nastavení, ale mají jednu vadu na kráse: po vložení jejich kódu do stránky vám taková stránka neprojde validátorem čili nesplňuje HTML normu.

     Vím, většině lidí je to srdečně jedno, ale teďka jsem dělala stránky pro náš tábor a chtěla jsem je udělat přesně podle normy. Což se mi také podařilo, ale jen do okamžiku přidání těch počítadel a Trackeru. I přemýšlela jsem nějakou dobu a pak kódy upravila tak, aby byly stále funkční a přesto správné i z hlediska validátoru.

     Nejprve tedy samotné počítadlo. Používám textové počítadlo, ne grafické, takže příklad je pro to textové. U grafického bude ale postup obdobný.

     Původní kód, vygenerovaný stránkou, je:

<SCRIPT language="javascript" src="http://counter.cnw.cz/textcounter.cgi?POCITADLO&8&t1&&on"></SCRIPT>


     A je nutné jej upravit takto:

<script language="javascript" type="text/javascript" src="http://counter.cnw.cz/textcounter.cgi?POCITADLO&8&t1&&on"></script>


     Z toho jsem měla velikou radost, ale pak přišel na řadu Tracker a to už bylo o dost složitější. Už proto, že kód do stránky vkládám pomocí PHP a tak to byl opravdu oříšek. Přesto se to nakonec povedlo.

     Původní kód vypadá takto:

<SCRIPT type="text/javascript">
<!-- 
document.write("<A href="http://counter.cnw.cz" target="_parent"><IMG src="http://counter.cnw.cz/trackit.cgi?POCITADLO&t4&" + escape(top.document.referrer) + "" alt="CNW:Tracker" border="0" width="9" height="9"></A>"); 
// -->
</SCRIPT>


     A já z něj nechala toto:     

document.write("<A href="http://counter.cnw.cz" target="_blank"><IMG src="http://counter.cnw.cz/trackit.cgi?POCITADLO&t4&" + escape(top.document.referrer) + "" alt="CNW:Tracker" border="0" width="9" height="9"></A>");


     a uložila jej do samostatného souboru s příponou js v adresáři s javasripty. Tím jsem se vyhnula velikým potížím se zápisem uvozovek a jiných speciálních znaků. A také začal kód být v pořádku a přesto fungující.

     Na místo, kde chci mít ikonku Trackeru jsem pak vložila tento kousek kódu:

<script language="javascript" type="text/javascript" src="js/tracker.js"></script>


     Ve všech předchozích kódech je potřeba nahradit znak "&" touto posloupností "& amp;" (bez mezery mezi & a amp; a bez uvozovek). Původně jsem to napsala přímo do kódu, ale redakční systém se vyznačuje jistou inteligencí a ta je v tomto okamžiku spíše na škodu. Kód "& amp;" totiž znamená to samé, co "&" a proto jej RS přepíše.

      Ve vašem kódu bude místo slova "POCITADLO" uvedené uživatelské jméno použité při registraci počítadla.

     A bylo hotovo Sláva. Vypadá to jako banalita, ale trvalo mi to déle než hodinu přemýšlení a zkoušení. Teďka jsou však táborové stránky funkční a správně napsané, takže je zobrazí každý pořádný prohlížeč, správně se zobrazují i v textovém režimu bez CSS a měla by je dobře přečíst i odčítačka pro nevidomé, ty totiž bývají na validitu kódu značně háklivé.

     Pokud někomu tyto úpravy pomohou, budu moc ráda



Článek pochází z webu Žirafoviny.cz
https://www.zirafoviny.cz

URL tohoto článku je:
https://www.zirafoviny.cz/modules/news/article.php?storyid=98