JavaScript – Scroll tekst polje

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 na www.krstarica.com