JAVASCRIPT - Mensaje desde campo Textarea

Mensaje desde campo Textarea

Compatibilidad: Ms Internet Explorer, Netscape
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.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

<TITLE>Ejemplos Javascript: ejemplo práctico </TITLE>

<!--  Activate Cloaking Device

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

//                  Timothy's Manual Teletype Display

//                           timothy@essex1.com

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

// 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] = "Este script genera 7 mensajes.";

TextInput[1] = "HTMLpoint es el sitio donde encuentras todo lo necesario para tu portada";

TextInput[2] = "Todas las secciones de HTMLpoint están comprimidas en files zip que puedes descargar";

TextInput[3] = "Firma en el libro de visitas";

TextInput[4] = "Inserta un banner o un logo de HTMLpoint en tu portada";

TextInput[5] = "Visita también el sitio Pasoliniano de Pagine corsare";

TextInput[6] = "Baja la GUÍA al HTML de Massimiliano Valente";

TextInput[7] = "Visita la portada de Massimiliano Valente";

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           JavaScript offerto da HTMLpoint";

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>

<FORM>