PC-politika.cz - Novinky: ZDROJÁKY: Vyrobte si scroller v JavaScriptu! PC-politika

ZDROJÁKY: Vyrobte si scroller v JavaScriptu!

Rolující text na www stránce (scroller) má někdy svoje funkční opodstatnění. Např. zde na serveru v panelu "Napsali jinde". Tak proč jej nepoužít? Tady je malý zdroják JavaScriptu, jak na to.

Rolující text na www stránce (scroller) má někdy svoje funkční opodstatnění. Např. zde na serveru v panelu "Napsali jinde". Tak proč jej nepoužít? Tady je malý zdroják JavaScriptu, jak na to.

Je to velmi triviální, prostě na webovou stránku přidáte do jejího těla, tedy mezi tagy/elementy <body></body> následující kód a scroller s rolujícím textem se objeví. Zde je Ukázka rolujicího textu (scrolleru).

Část zdrojáku

Uvádím jen krátkou ukázku zdrojáku. Jak vidíte, definuje pole, v němž je deklarován obsah scrolleru. Tedy text s navazujicímu odkazy URL.

var scrollercontent=new Array()
scrollercontent[0]='Zde jsem napsal odkaz na <a href="http://pc-politika.com">PC-politika.com </a>, tak to zkuste!'
scrollercontent[1]='Zde je odkaz na <a href="http://www.seznam.cz">Seznam.cz</a> Jak vidíte, funguje OK!'
scrollercontent[2]='A další odkaz je na <a href="http://www.dynamicdrive.com/link.htm">Dynamicdrive.com</a>.'

Poznámky k nutné úpravě

Tento zdrojový kód Java Scriptu má však některé nedostatky. Pokud je neodstraníte, bude ve zdrojáku 9 validačních chyb! Popisuji zde nejzávažnější:

Deklarace: <script language="JavaScript1.2"> - U elementu "script" musí být uveden atribut type="text/javascript".
Tagy: </a>, </div> vykazují v Java Scriptu chyby. A to jelikož jde o vypisování HTML uvnitř kódu JavaScript. Řešením je v použití zápisu <\/tag> , takže v tomto případě prostě přidáme obrácené lomítko do ukončovacích tagů: <\/a>, <\/div> - tato úprava neovlivni validitu kódu.

Nyní už zdroják skriptu obsahuje pouze dvě chyby, a to u tagů: </ilayer></layer>. Opravte si podle předešlého návodu. A validita bude OK, bez chyby!. Zdroják ke stažení: scroller_js1.zip

Scroller lze samozřejmě také konfigurovat. Např. nastavit jinou šířku/výšku, barvu a obsah srolleru bude poněkud jiný. Jednoduše změníte proměnné uvnitř skriptu.

Autor: Viktor Pexa