Občas se můžete setkat s webem, kde ve jménu záložky a v okně běží text. Co kdybyste si takový běžící text chtěli vložit na své eStránky? V tomto tutoriálu si ukážeme jednoduchý příklad s několika možnostmi, jak si takový běžící text upravit podle vlastních potřeb.

Pro vložení běžícího textu musíme jít do HTML šablony. Nastavení - Vzhled - Design - Upravit XHTML - Hlavní šablona je postup, kde si otevřeme HTML šablonu. Nabízí se nám dvě varianty, jak program (javascriptový kód) vložíme do eStránek.

Vložení kódu do HTML

V horní části HTML kódu si najdeme </head> a před tuto značku si nakopírujeme následující kód:

<script type="text/javascript">
var textTitulku = new Array(); // nemazat
/*
 * Zde muzete vlozit v podobnem formatu jakykoliv text.
 * Musite cislovat od nuly a neni omezeno, jak velke
 * nebo dlouhe cislo mate. Musi ale cisla nasledovat
 * za sebou nesmi cislo chybet.
 */
textTitulku[0] = 'e';
textTitulku[1] = 'eS';
textTitulku[2] = 'eSt';
textTitulku[3] = 'eStrá';
textTitulku[4] = 'eStrán';
textTitulku[5] = 'eStránk';
textTitulku[6] = 'eStránky';
textTitulku[7] = 'eStránky.';
textTitulku[8] = 'eStránky.c';
textTitulku[9] = 'eStránky.cz';

// nastaveni poctu opakovani
// pokud bude nastavena 0, bude text behat neustale dokola
var opakovani = 2;

// Rychlost zmeny textu, cim vyssi cislo, tim pomalejsi text.
var rychlost = 300;

// ================================================================
// Nasledujici kod neupravuje. Jakakoliv chyba nebo neodborny zasah
// muze zpusobit nefunkcnost skriptu!
var pocetTextu=textTitulku.length;
var i=0;
var sekundy=0;
var nekonecnaSmycka=false;

if(opakovani<1)nekonecnaSmycka=true;
 
function zobrazeniTextu(){
  if(++sekundy > pocetTextu)sekundy=1;
  document.title=textTitulku[sekundy-1];
  if(nekonecnaSmycka) setTimeout('zobrazeniTextu()',rychlost);
  else{
    if(i < pocetTextu*opakovani-1){
      setTimeout('zobrazeniTextu()',rychlost);
      i++;
    }
  }
}
zobrazeniTextu();
</script> 

Po nakopírování dvakrát klikneme na Uložit Text v záložce se nám začne měnit.

Vložení kódu přes soubor

V archivu je příklad použití včetně jednoduché HTML stránky, která ukazuje, jak běžící text funguje.

Stáhnout

Pokud budeme chtít tento skript použít na eStránkách, pak si nahrajeme soubor script.js nebo script ze složky scripts přes Nastavení - Rozšířené - Soubory na své eStránky. Zkopírujeme si Adresu a nahradíme ji místo této oranžové.

     <script type="text/javascript" src="/file/5/bezicitext.js"></script>   

V horní části HTML kódu si najdeme </head> a před tuto značku si nakopírujeme celý výše zmíněný kód:

Nyní dvakrát klikneme na Uložit.

Upravování běžícího textu

Pak se nám bude v záložce a ve jménu celého okna měnit námi zvolený text. Bude se nám zobrazovat následující text:

e
eS
eSt
eStr
eStrá
eStrán
eStránk
eStránky
eStránky.
eStránky.c
estránky.cz

Co dělat, když si budeme chtít tento text změnit? Jak přinutit, aby se text střídal neustále dokola? Jak zrychlit běžící text? Tyto a další otázky nám odpoví následující text.

• Změna běžícího textu - Asi nejdůležitější je samotná změna běžícího textu. Musíme vědět, kolik změn textu chceme mít. V našem příkladě se nám střídá deset textů. Pokud budeme chtít přidat další text, pak na konec tohoto odstavce
  Zdrojový kód:

           textTitulku[0] = 'e';
      textTitulku[1] = 'eS';
      textTitulku[2] = 'eSt';
      textTitulku[3] = 'eStrá';
      textTitulku[4] = 'eStrán';
      textTitulku[5] = 'eStránk';
      textTitulku[6] = 'eStránky';
      textTitulku[7] = 'eStránky.';
      textTitulku[8] = 'eStránky.c';
      textTitulku[9] = 'eStránky.cz';       

  připíšeme například textTitulku[10] = 'eStránky.cz :-)';. Musíme dbát na to, aby byla čísla v hranatých závorkách za sebou. Čísla se nesmí opakovat, ani nesmí chybět.

  Pokud budeme chtít změnit tento text, aby se střídalo "Dobrý den" a "Jak se máte?", budeme postupovat následovně. Jelikož se jedná pouze o dvě změny textu, tak si necháme pouze první dva řádky z

  Zdrojový kód:

           textTitulku[0] = 'e';
      textTitulku[1] = 'eS';
      textTitulku[2] = 'eSt';
      textTitulku[3] = 'eStrá';
      textTitulku[4] = 'eStrán';
      textTitulku[5] = 'eStránk';
      textTitulku[6] = 'eStránky';
      textTitulku[7] = 'eStránky.';
      textTitulku[8] = 'eStránky.c';
      textTitulku[9] = 'eStránky.cz';
      textTitulku[10] = 'eStránky.cz :-)';       

  které nahradíme, respektive upravíme následovně:
  Zdrojový kód:

           textTitulku[0] = 'Dobrý den';
      textTitulku[1] = 'Jak se máte?';
      

  Ostatní řádky nepotřebujeme, protože do nich nemáme co napsat. Musíme si ovšem dát pozor, aby čísla v hranatých závorkách následovala za sebou a musí vždy začínat nulou.

   

  Po uložení budeme mít již běžící text v záložce.

• Změna počtu opakování textu - Pokud budeme chtít, aby se text opakoval neustále dokola, stačí upravit var opakovani = 2; na 0, což znamená var opakovani = 0;. Pokud napíšeme 10, budou se všechny texty zobrazovat desetkrát a nakonec zůstane vidět ten poslední.
• Zrychlení/zpomalení běžícího textu - Pokud se Vám zdá, že se text mění příliš rychle, můžeme jej zpomalit. K této změně slouží řádek var rychlost = 300;, který nám říká, že se bude text měnit každých 0,3 vteřiny. Pokud budeme chtít, aby se text změnil každou vteřinu, změníme číslo na 1000 (var rychlost = 1000;). Obdobně také jiná rychlost změny textu.

Milan Moučka