Ejemplos en Javascript

Mensaje desde campo Textarea

Este script permite visualizar, dentro del campo TEXTAREA de un formulario, diversos mensajes (en este caso, siete), con la posibilidad de controlar su inicio y final mediante un botón.

<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?exto