Späť Domov Ďalej

Domov
Výpisy
Premenné
Dialógové okná
Tlačidlá
.Podmienky a vetvenie
Cyklus
Funkcie
Objekty
Objekt Array
Objekty tvorené užívateľom
Objekt Date
Objekt Math
Formuláre
Objekty formulárov
Ďalšie objekty formulára
Obrázky
Obrázky-2
Stavový riadok
Popis v stavovom riadku
Animovaný text
Hodiny
Skladačka
Linky

11. Bežiaci text v stavovom riadku

Častým skriptom je upozornenie v stavovom riadku stránky formou bežiaceho textu, resp. bližšie vysvetlenie časti textu, resp. obrázku v stránke, na ktorý sme sa presunuli myšou

Stavový pruh prehliadača je vyvolaný  objektom windows.status


<html>

<head>

<script language="JavaScript">

sprava="Vitajte na mojej stránke "

i=0;

function pohyb() {

window.status=sprava.substring(i,sprava.length)+sprava.substring(0,i-1);

if (i<sprava.length) {

i++

}

else {

i=0

}

setTimeout("pohyb()",100)

}

 </script>

</head>

<body onload="pohyb()"></body>

</html> 


  • text priradíme premennej sprava

  •  riadiacej premennej i nastavíme začiatočnú hodnotu na 0 - táto nám bude riadiť posun textu po znakoch

  • vytvoríme funkciu pohyb()

  • do stavového riadku (windows.status=) vložíme spojenie reťazcov sprava.substring(i,sprava.length) - časť reťazca z textu od i-tej pozície po dlžku reťazca + sprava.substring(0,i-1) - časť od prvého znaku  po i-1 (napr. pre TEXT a i=2 by prvé volanie spojilo reťazce XT+TE)

  •  ak je i menšie než dĺžka textu zvýši i o 1 (posun textu doprava o 1 znak)

    inak (t.j. ak je rovné alebo väčšie dĺžke teťazca ) i priradí hodnotu 0

  • pozdržanie 100 milisekúnd do spustenia funkcie spôsobí funkcia setTimeout("pohyb()", 100)

  • v časti <body onLoad="pohyb()"> nahráme do prehliadača vytvorenú funkciu


Úlohy:

  • Vytvorte vlastnú správu v stavovom riadku

  • Zvyšujte a znižujte rýchlosť pohybu

 

späť  pokračovanie

 


Posledná aktualizácia: 12 máj, 2003

Webmaster: Mgr.Anna Peťovská