JavaScript

w przykładach

http://javascript.jest.o.k.pl

Banner w okienku tekstowym

I jeszcze jeden "klasyczny" skrypt - napis przesuwający się w okienku tekstowym. Może on w pewnym stopniu zastąpić działający tylko w IEku <marquee>, szczególnie że w zasadzie zapomocą CSS można dowolnie modyfikować wygląd krawędzi, kolory, czcionki itd. także w przypadku elementów formularzy (takich jak okienko tekstowe). W praktyce jednak z zastosowaniem stylów do okienek tekstowych jest w Netscape'ie nie najlepiej.

Instrukcja

W nagłówku umieszczany następujący kod:

<script language="JavaScript" type="text/javascript">                 
<!--                                                                  
// Niniejszy skrypt pochodzi z serwisu "JavaScript w przykladach"     
// Copyright (C) 1999 Maciej Szczepaniak <maciek@wls1.ch.pwr.wroc.pl> 
                                                                      
// Skrypt objety jest licencja GNU General Public License.            
// Koniecznie przeczytaj pelna informacje o licencji pod adresem:     
//     http://javascript.jest.o.k.pl/archiwum.html#l                  
                                                                      
function txtfldScrollInit(speed,msg) {                                
   tfScMsg = msg;                                                     
   tfScSpeed = speed;                                                 
   for (var i=0; i<40; i++)                                           
      tfScMsg = " " + tfScMsg;                                        
   txtfldScroll();                                                    
}                                                                     
                                                                      
function txtfldScroll() {                                             
   document.scform.scfld.value = tfScMsg;                             
   tfScMsg = tfScMsg.substring(1,tfScMsg.length) + tfScMsg.charAt(0); 
   txtfldScrollTimer = setTimeout("txtfldScroll()",tfScSpeed);        
}                                                                     
// -->                                                                
</script>

Następnie uruchamiamy skrypt. Aby odbywało się to automatycznie, przy załadowaniu strony, modyfikujemy tak znacznik <body>:

<body onLoad="txtfldScrollInit(prędkość,'Wiadomość')">

Zamiast prędkość należy wpisać całkowitą liczbe oznaczającą czas w milisekundach pomiędzy poszczególnymi etapami animacji. Polecam wartości od 50 (szybko) do 100 (wolno).

Pozostaje nam jeszcze tylko wstawić odpowiednie okienko tekstowe:

<form name="scform" action="">                                        
<input type="Text" name="scfld" size="20" readonly>                   
</form>

[ Powrót na górę ]

Przykład

W okienku poniżej powinien przesuwać się napis:

[ Powrót na górę ]

Powód niezgodności
strony z HTML 4.0:

Atrybut NAME w znaczniku FORM