Tehnika Krstarice > Programiranje > JavaScript - Scroll tekst polje

JavaScript - Scroll tekst polje

19.02.2001.

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.

Preporučite ovaj članak

Članak još uvek nije ocenjen.