Loading:


Zmiana tekstu w polu tekstowym poprzez losowe wstawienie znaków

Skrypt tworzy ciekawy efekt, zmienia tekst w polu tekstowym dodając losowe znaki.



Napisz Artyku³

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: 28716
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2021 v.1.5 | design: diviXdesign & rainbowcolors