U trendu

JavaScript – Scroll tekst polje

Krstarica

Evo još jednog u nizu primera, kako možemo izvesti tekst polje (text box) u nekom formularu. Efekat koji ćemo primeniti je, klizanje (scroll) teksta u samom polju za unos. Tekst koji scroll-uje može biti poruka posetiocu koja će ga uputiti, šta treba da unese u dato polje. Kada na ovaj način privučemo pažnju posetioca, i on klikne mišem u polje (radi unosa), tekst će prestati da scroll-uje i može da se koristi za normalan unos.

U zaglavlje stranice dodajte sledeću funkciju: 



<SCRIPT LANGUAGE="JavaScript">

<!–

Brzina = 200;

DuzinaKaraktera = 1;


function ScrollTekst() {

window.setTimeout(‘ScrollTekst()’, Brzina);

var msg = document.scrollforma.box.value;

document.scrollforma.box.value = msg.substring(DuzinaKaraktera) +

msg.substring(0, DuzinaKaraktera);

}

//–>

</SCRIPT>

A zatim dodajte sledeći kod u <BODY> tag, a u telo stranice definiciju forme, iz koje ćemo i pozvati funkciju: 



<BODY OnLoad="javascript:ScrollTekst()">


<FORM method=get name=scrollforma>

<INPUT name=box type="text" size="15"

value=" Unesite tekst "

onFocus="javascript:this.value=“;Brzina=99999;">

</FORM>

Odmah po učitavanju stranice (OnLoad), poziva funkcija ScrollTekst() koja scroll-uje tekst (putem manipulacije podstringovima). Kada tekst polje dobije fokus (onFocus), osobina value se postavlja na null.

Pratite Krstaricu i preko mobilne aplikacije za Android i iPhone.