Idees
[ Tornar a la pāgina d'informātica ]

Un mensaje que desfila en una zona de texto

Utilice este JavaScript para hacer desfilar un mensaje en una zona de texto.

Coloque el siguiente código entre las etiquetas <HEAD> y </HEAD>:

<SCRIPT LANGUAGE="JavaScript">
<!--
function stat(txt) {
window.status = txt;
setTimeout("erase()", 5000);
}
function erase () {
window.status = "";
}
var i = 0;
var TextNumber = 0;
var TextInput = new Object();
var HelpText = "";
var Text = "";
var Speed = 106

var WaitSpace = " "
TextInput[0] = " First line of the text "
TextInput[1] = " Second line"
TextInput[2] = " Third line f the message"
TotalTextInput = 2;

for(var j = 0; j < TotalTextInput; j++) {
TextInput[j] += WaitSpace
}
var TimerId
var TimerSet = false;
function startBanner() {
TimerSet = !TimerSet
if(TimerSet)
banner();
else
kill();
}
function banner() {
Text = rollMessage();
TimerId = setTimeout("banner()", Speed)
document.IMAWin.TextArea.value = Text;
}
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;
}
init();
}
Text = HelpText.substring(0, i);
return (Text);
}
function init() {
Text = TextInput[TextNumber]
HelpText = Text;
}
function kill() {
clearTimeout(TimerId)
}
// -->
</SCRIPT>
Puede configurar la velocidad cambiando el valor de la variable var Speed y añada tantas líneas de texto cuantas quiera (TextInput[n] = " votre texte n"). No olvide modificar la variable TotalTextInput = n donde n es el número de líneas.

Coloque también el siguiente comando en la etiqueta BODY:

<BODY onLoad="init(); startBanner();">
Y finalmente, la zona de texto donde quiera, en la página:

<FORM NAME="IMAWin">
<INPUT TYPE="text" NAME="TextArea" WRAP=VIRTUAL SIZE=45>
</FORM>