|
Mensajes
animados en la barra de estado
Ya
casi no queda sitio web que no use la barra de estado del navegador
para pasar mensajes de texto. Bueno, ahora hay una nueva: pasar
mensajes, pero que éstos aparezcan animados. Y no animados haciendo
scroll, letra por letra como si fuese un cartel
de leds.
El
código es bastante fácil de comprender, pese a ser un poco extenso.
<script
language="JavaScript">
function snapIn(jumpSpaces,position)
{
var msg = "AQUI MENSAJE"
var out = ""
if (killScroll) {return false}
for (var i=0; i<position; i++)
{out += msg.charAt(i)}
for (i=1;i<jumpSpaces;i++)
{out += " "}
out += msg.charAt(position)
window.status = out
if (jumpSpaces <= 1)
{
position++
if (msg.charAt(position) == ' ') {position++}
jumpSpaces = 100-position
}
else if (jumpSpaces > 3) {jumpSpaces *= .75}
else {jumpSpaces--}
if (position != msg.length) {
var cmd = "snapIn(" + jumpSpaces + "," + position
+ ")";
scrollID = window.setTimeout(cmd,5);
} else {
scrolling = false
return false
}
return true
}
function snapSetup() {
if (scrolling)
if (!confirm('Re-initialize snapIn?'))
return false
killScroll = true
scrolling = true
var killID = window.setTimeout('killScroll=false',6)
scrollID = window.setTimeout('snapIn(100,0)',10)
return true
}
//-------------------------------------------------------------
var scrollID = Object
var scrolling = false
var killScroll = false
//-------------------------------------------------------------
</script>
En
rojo resaltado se muestra donde debe escribirse el mensaje a pasar.
Además
de estas líneas, las cuales debe estar antes del cuerpo de la página
deberá incluir dentro de la etiqueta de comienzo del cuerpo de la
página una sentencia que haga cargar el script al momento de inicializar
la página.
Por
ejemplo, si la etiqueta BODY que tiene actualmente es así
<body>
Ahora
deberá ser así:
<body
onload="snapSetup()">
Recuerde
que en algunos navegadores antiguos o incompatibles estos truquillos
pueden no funcionar.
|
