JAVASCRIPT - Mensaje en la barra de estado desde botón

Msje en la barra de estado desde botón

Compatibilidad: Ms Internet Explorer, Netscape
El script de esta página permite controlar, mediante algunos botones, el texto elegido por nosotros que aparece en la barra de estado del navegador.

[ Muestra el ejemplo práctico ]

el código para insertar en tu página

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

<!--  Activate Cloaking Device

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

//          Modifications and comments by Tim Wallace

//                        timothy@essex1.com

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

// used to track position in message

var i = 0;

// used to cycle thru messages

var TextNumber = 0;

// 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=300

// spaces added to end of each message to create a pause between messages

var WaitSpace="           "

// Each element of TextInput represents a single line of the total message.

// Be sure each line is not too long to fit on status bar (about 105 characters)

TextInput[0] = "Este es un ejemplo Javascript contenido en HTMLpoint";

TextInput[1] = "HTMLpoint es una recopilación de material para páginas web"

TextInput[2] = "Antes de irte, firma en el libro de visitas";

TextInput[3] = "Visita Pagine corsare, el sitio dedicado a Pier Paolo Pasolini"

TextInput[4] = "Visita también la página principal de Massimiliano Valente "

TextInput[5] = "Somete tu portada al control de calidad de HTMLpoint"

TextInput[6] = "... visita la guía en italiano a Geocities"

TotalTextInput = 6; // (0, 1, 2, 3, 4, 5, 6)

// Adds spaces to each element (creates a pause before next element is displayed)

for (var addWait = 0; addWait <= TotalTextInput; addWait++)

{ TextInput[addWait]+=WaitSpace; }

var TimerId

var TimerSet=false;

// Called by Start button for this example.

// ---> For automatic start, call from within initBanner(). <---

function startBanner (form)

{

if (!TimerSet)

{

TimerSet=true;

banner();

}

// Gets character from rollMessage() and displays on staus bar.

// Variable Speed controls length of timeout and thus the speed of typing to status bar.

function banner()

{

Text=rollMessage();

TimerId = setTimeout("banner()", Speed);

window.status=Text;

}

// Pulls one character at a time from string and returns (as Text) to function banner() for displaying.

function rollMessage ()

{

Wait_yn=false;

i++;

var CheckSpace = HelpText.substring(i-1, i);

CheckSpace = "" + CheckSpace;

if (CheckSpace == " ")

{i++;}

if (i >= HelpText.length+1)

{

i=0;

if (TextNumber < TotalTextInput)

{TextNumber++;}

else

{TextNumber = 0;}

initBanner();

}

Text = HelpText.substring(0, i);

return (Text);

}

// Initially called by onLoad in BODY tag to load first message.

// Subsequently called from function rollMessage () to load next message.

function initBanner()

{

Text = TextInput[TextNumber];

HelpText = Text;

//   ---> REMOVE COMMENTS FROM FOLLOWING LINE FOR AUTOMATIC START-UP  <---

//startBanner ();

}

// Called by Stop button.

//   ---> CAN REMOVE THIS FUNCTION FOR PRACTICAL APPLICATION <---

function stopBanner()

{

TimerSet=false;

clearTimeout (TimerId);

}

// Called by Reset button.

//   ---> CAN REMOVE THIS FUNCTION FOR PRACTICAL APPLICATION <---

function resetBanner()

{

TimerSet=false;

clearTimeout (TimerId);

TextNumber=0;

i=0;

Speed=300;

window.status=" ";

initBanner();

}

// Function for viewing source code

//   ---> CAN REMOVE THIS FUNCTION FOR PRACTICAL APPLICATION <---

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-sta-t.htm","DisplayWindow","menubar=yes,status=yes");

window.open("js-sta-t.htm","DisplayWindow","menubar=yes,status=yes");   // double for Macs

}

// Deactivate Cloaking -->

</SCRIPT>

</HEAD>

<FORM>

</TABLE>

</FORM>

</body>
</html>

[Baja en un único archivo .zip, las imágenes y demás archivos necesarios
para el funcionamiento de las demo de esta sección]