Zmiana tekstu w polu tekstowym poprzez losowe wstawienie znaków
Skrypt tworzy ciekawy efekt, zmienia tekst w polu tekstowym dodając losowe znaki.
Listing
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<SCRIPT LANGUAGE= "JavaScript" type= "text/javascript">
<!-- Ukrycie przed przeglądarkami nie obsługującymi JavaScriptów
var textArray = new Array();
var count = 0;
textArray[0] = "To jest przykładowy tekst...";
textArray[1] = "A to zupełnie inny tekst...";
textArray[2] = "Kolejny przykład zmiany tekstu...";
var wyswietlacz;
function setText()
{
wyswietlacz = document.getElementById('wyswietlacz');
wyswietlacz.value = textArray[0];
}
function scroll()
{
var oldText = wyswietlacz.value;
var newText = textArray[count];
if (oldText == newText){
if (++count >= textArray.length){
count = 0;
}
setTimeout("scroll()", 3000);
return;
}
var i = 0;
while(true){
var letterNo = Math.floor(Math.random() * newText.length);
if (letterNo < oldText.length){
if (i++ > 100) break;
if (oldText.charAt(letterNo) == newText.charAt(letterNo)){
continue;
}
}
break;
}
var value = oldText.substr(0, letterNo);
value += newText.charAt(letterNo);
value += oldText.substr(letterNo + 1, newText.length - 1);
wyswietlacz.value = value;
setTimeout("scroll()", 100);
}
// Koniec kodu JavaScript -->
</SCRIPT>
</HEAD>
<BODY onLoad="setText();scroll();">
<INPUT TYPE="text"
ID="wyswietlacz"
STYLE="font-family:courier"
SIZE="40"
VALUE =""
>
</BODY>
</HTML>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno