Valoración del artículo:
La función entera tiene este código:
function mueve_texto(){
if (posicion <
texto_estado.length)
posicion
++;
else
posicion =
1;
string_actual = texto_estado.substring(posicion) +
texto_estado.substring(0,posicion)
window.status =
string_actual
setTimeout("mueve_texto()",50)
}
3. Llamamos a la función
Para empezar a mover el texto por la página tenemos que realizar una llamada a la función que se encarga de ello. Será más claro el código de la página si colocamos la llamada a la función después de que haya sido definida, aunque no es obligatorio.
mueve_texto()
4. Todo junto
Para acabar, podemos observar a continuación el código entero de una página web que mueve texto por su barra de estado. Es una página bastante sencilla después de todo.
<html>
<head>
<title>Texto en
la barra de estado</title>
<script
language="javascript">
//texto del
mensaje
var texto_estado =
"
Bienvenidos a mi pagina web"
var posicion = 0
//funcion para mover el texto de la barra de
estado
function mueve_texto(){
if (posicion <
texto_estado.length)
posicion
++;
else
posicion =
1;
string_actual = texto_estado.substring(posicion) +
texto_estado.substring(0,posicion)
window.status =
string_actual
setTimeout("mueve_texto()",50)
}
mueve_texto()
</script>
</head>
<body>
<h1>Ejemplo de script con un texto
en la barra de estado</h1>
</body>
</html>
Se puede ver el ejemplo en
funcionamiento.
5. Otro ejemplo
Dependiendo del script que utilicemos para mover el texto de la barra de estado conseguiremos unos efectos u otros. A continuación podemos ver un segundo ejemplo sobre cómo mover un texto por la barra de estado utilizando un efecto de movimiento distinto.
No vamos a comentar este segundo ejemplo porque ya se encuentra comentado en el propio código fuente, pero podremos ver que es muy parecido al anterior.
<html>
<head>
<title>Segundo
ejemplo de texto en movimiento</title>
</head>
<body>
<h1>Texto en movimiento en la barra
de estado</h1>
<h2>Ejemplo 2</h2>
<script language="javascript">
//variable con el
texto a mostrar
var texto = "Bienvenidos a mi pagina web!!!"
//variable con la posicion en el texto. poner
siempre a 0
var pos = 0
//creo una funcion para
cambiar el texto de la barra de estado
function textoEstado(){
//incremento la posicion en 1 y extraigo el
texto a mostrar en este momento.
pos = pos +
1
textoActual = texto.substring(0,pos)
//pongo el texto que quiero mostrar en la barra de
estado del navegador
window.status = textoActual
//Llamamos otra vez a esta funcion para que
continue mostrando texto
if (pos ==
texto.length){
//si hemos llegado al
final, vuelvo al principio y hago un retardo superior
pos =
0
setTimeout("textoEstado()",1500)
}
else{
//si no hemos llegado al
final, sigo con la funcion con un retardo
minimo.
setTimeout("textoEstado()",100)
}
}
//llamo a la función para
poner el texto en movimiento
textoEstado()
</script>
</body>
</html>
| Por: Borja Flores | 24/4/03
|
| Por: Jonathan García | 24/9/05
|
| Este script no funciona | 15/4/09 |
Usuarios: 
