JavaScript – Dinamična naslovna linija (Title Bar)

Krstarica 14. jun 2001. 00:00

Do sada smo uvek predstavljali kako da animirate statusnu liniju browser-a, a ni jednom se nismo bavili dinamikom naslovne linije (Title Bar) koja je takođe moguća. U sledećem primeru videćemo kako možemo da animiramo datu liniju i posetiocima obezbedimo još neku informaciju ili reklamnu poruku. Pošto posetioci web strana uglavnom ne obraćaju pažnju na ovaj deo prozora, pokušaćemo da im privučemo pažnju malom animacijom uz pomoć specijalnih karaktera iz koje će slediti reklamne poruke. Evo i samog skripta:



<HEAD>

<SCRIPT LANGUAGE="JavaScript">

<!–

var poruka = new Array();

// U sledecim redovima upisite sve poruke.

// Za dodavanje vise poruka, dodajte nove elemente nizu.

poruka[0] = "Internet Krstarica";

poruka[1] = "www.krstarica.com";

poruka[2] = "Magazin Internet Krstarice";

poruka[3] = "Programiranje";

// Podesavanje br. ponavljanja animacije

var ponavljanja = 2;

// Brzina anim. (veca brojka = sporija anim.).

var brzina = 100;

var d = poruka.length;

var P = "";

var C = 0;

var ndx = 0;

var s = 0;

var sP = null;

if (ponavljanja < 1) ponavljanja = 1;

function animiraj() {

P = poruka[ndx];

krug();

}

function krug() {

s++;

if (s > 6) { s = 1;}

if (s == 1) { document.title = ‘|||>——–||| ‘+P+’ —–‘; }

if (s == 2) { document.title = ‘|||->——-||| ‘+P+’ —–‘; }

if (s == 3) { document.title = ‘|||—>—–||| ‘+P+’ —–‘; }

if (s == 4) { document.title = ‘|||—–>—||| ‘+P+’ —–‘; }

if (s == 5) { document.title = ‘|||——->-||| ‘+P+’ —–‘; }

if (s == 6) { document.title = ‘|||——–>||| ‘+P+’ —–‘; }

if (C < (6 * ponavljanja)) {

sP= setTimeout("krug()", brzina);

C++;

}

else {

C = 0;

s = 0;

ndx++;

if(ndx > d – 1) ndx = 0;

sP= null;

animiraj();

   }

}

animiraj();

//  End –>

</script>

</HEAD>

Kao što možete videti, skript počinje formiranjem niza poruka (poruke(ntx)), zatim postavljamo inicijalne vrednosti svih potrebnih varijabli. Nakon toga sledi poziv same funkcije „animiraj()„, koja postavlja tekst poruke i zatim poziva funkciju „krug()“ koja u stvari vrši animiranje naizmeničnom izmenom osobine „document.title“. Na kraju te funkcije ide rekurzivno pozivanje funkcije „animiraj()“. Zapazite još i ovo, pored animiranja naslovne linije, animirano je i dugme prozora na samom TaskBar-u, što je još jedan način za privlačenje pažnje posetilaca.

Pratite Krstaricu i preko mobilne aplikacije za Android i iPhone.

programiranje