JavaScript – Scroll tekst polje

 –  aลพurirano:  –  

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