Home + Webmaster + Script + Javascript + Effetti su testo + Messaggio dal campo Textarea

Messaggio dal campo Textarea

Questo script farà visualizzare dentro il campo TEXTAREA di un form, uno o più messaggi.

<html>
<head>
<title>Messaggio da campo Textarea</title>
<SCRIPT>
// used to track position in message
   var i = 0; 
// used to cycle thru messages                                          
   var TextNumber = -1;
// array of messages                        
   var TextInput = new Object();
// used to load manipulate message          
   var HelpText="";                              
// used to load message
   var Text = "";  
// length of timeout (smaller is faster)                                  
   var Speed=50;
// used to display message number
   var message=0;
// used to position text in ver 2.0
   var addPadding="\r\n";
// Each element of TextInput represents a single message.
TextInput[0] = "Per te...........";  
TextInput[1] = "Tutto il gratis dalla rete";
TextInput[2] = "Software da scaricare gratis";
TextInput[3] = "Tools per Webmaster";
TextInput[4] = "Sezione per i tuoi annunci";
TextInput[5] = "Tanti giochi online e da scaricare";
TextInput[6] = "Meteo......Oroscopo......Cartoline......";
TextInput[7] = "e tanto altro ancora!";
TotalTextInput = 7; // (0, 1, 2, 3, 4, 5, 6, 7)
// Positioning and speed vary between versions.
var Version =  navigator.appVersion;  
if (Version.substring(0, 1)==3)
   {
   Speed=200;
   addPadding="";
   }
   for (var addPause = 0; addPause <= TotalTextInput; addPause++) 
   {TextInput[addPause]=addPadding+TextInput[addPause];}
var TimerId
var TimerSet=false;
// Called by >>> button (display next message) .
function nextMessage()  
   {
   if (!TimerSet)
      {
      TimerSet=true;
      clearTimeout (TimerId);
      if (TextNumber>=TotalTextInput)
         { 
         alert("This is the end of the list!");
         TimerSet=false;
         }
      else
         {
         TextNumber+=1;
         message=TextNumber+1;
         document.forms[0].elements[2].value= message;
         Text = TextInput[TextNumber];
         HelpText = Text;
         }
      teletype();

}
   }
// Gets and displays character from rollMessage() . 
// Variable Speed controls length of timeout and thus the speed of typing.
function teletype() 
   {
   if (TimerSet)
      {
      Text=rollMessage();
      TimerId = setTimeout("teletype()", Speed);
      document.forms[0].elements[0].value=Text;
      }
   }
   // Pulls one character at a time from string and returns (as Text) to function teletype() for displaying.
function rollMessage () 
   {
   i++;
   var CheckSpace = HelpText.substring(i-1, i);
   CheckSpace = "" + CheckSpace;
   if (CheckSpace == " ") 
      {i++;}
   if (i >= HelpText.length+1) 
      {
      TimerSet=false;
      Text = HelpText.substring(0, i);
      i=0; 
      return (Text);
      }
   Text = HelpText.substring(0, i);
   return (Text);
   }
// Initially called by onLoad in body tag to load title. 
function initTeleType() 
   {
   Text="\r\n           www.4yougratis.it";
   document.forms[0].elements[0].value=Text;
   }
// Called by <<< button (get previous message).
function lastMessage() 
   {
   if (!TimerSet && TextNumber!=-1)
      {
      TimerSet=true;
      clearTimeout (TimerId);
      if (TextNumber<=0)
         { 
         alert("This is the beginning of the list!");
         TimerSet=false;
         }
      else 
         {
         TextNumber-=1;
         message=TextNumber+1;
         document.forms[0].elements[2].value= message;
         Text = TextInput[TextNumber];
         HelpText = Text;
         } 
      teletype();  
      }
   }
// Function for viewing source code
function WinOpen() 
   {
   alert('\nPage will load to full screen.\n\nUse View/Document Source from menu bar to view source.\n\nClose new window to return to this page. ');
   window.open("js-tel-1.htm","DisplayWindow","menubar=yes");
   window.open("js-tel-1.htm","DisplayWindow","menubar=yes");   // double for Macs
   }
   // Deactivate Cloaking -->
</SCRIPT>
</head>

<body onLoad="initTeleType()">
<form>
<TEXTAREA NAME="teletype" ROWS=4 COLS=45 wrap=yes class="font"></TEXTAREA>
<TABLE BORDER=0 WIDTH=250>
<TD align="center"><INPUT TYPE="button"  VALUE="<<<" onClick="lastMessage()" class="testo10">
<TD align="center"><INPUT TYPE="text" SIZE=3>
<TD align="center"><INPUT TYPE="button"  VALUE=">>>" onClick="nextMessage()" class="testo10">
</TABLE>
</form>
</body>
</html>

Compatibilità: MsIE | Netscape

Javascript

Altre risorse:
Libri Javascript | Manuale Javascript

E-Learning Scopri il catalogo dei corsi, da quello per webmaster a quelli di programmazione avanzata!

MrW Corsi Corsi di Informatica online 24 su 24. Corsi completi, download, quiz e blocco appunti.

Linux Guida al sistema operativo open-source, completamente gratuito e potente.