Ejemplos en Javascript

Mensaje desde campo Textarea

<HTML>
<HEAD>

<TITLE>Ejemplos Javascript: ejemplo pr???¡ctico </TITLE>

<SCRIPT>

<!--  Activate Cloaking Device

//*****************************************************************************

//

//                  Timothy's Manual Teletype Display  

//

//                           timothy@essex1.com

//

//

// T-Banner - copyright (c) 1996 by Tomer Shiran and Yehuda Shiran.

//

//*****************************************************************************



// 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="rn";



// Each element of TextInput represents a single message.

TextInput[0] = "Mensaje 1";  

TextInput[1] = "Mensaje 2";

TextInput[2] = "Mensaje 3";

TextInput[3] = "Mensaje 4";

TextInput[4] = "Mensaje 5";

TextInput[5] = "Mensaje 6";

TextInput[6] = "Mensaje 7";

TextInput[7] = "Mensaje 7";

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="rn           Mis Algoritmos - myalgorithm.com";

   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.nnUse View/Document Source from menu bar to view source.nnClose 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 bgcolor="white" onLoad="initTeleType()">


<FORM>

<TEXTAREA NAME="teletype" ROWS=2 COLS=45 wrap=yes>

Animaci?n texto