Manuales
HTML básico
HTML 2ª. y CSS
Propiedades CSS
Javascript
Applets Java
CGIs

 
dHTML
Introducción
Cambiar formato
Mover capas
Mover con teclado
Visibilidad
Mover con el ratón
 
JavaScript
Barra de estado
Botones y menús
Validar formular.
Passwords
Abrir ventanas
Cargar frames
Volver atrás
Alertas
Ver navegador
Cargar imágenes
 
Creación de páginas web
© Paco Cascón Soriano
(diseño del índice tomado de la espléndida página jsworld.com)

Algunos scripts en Javascript


Texto fijo de un enlace en la barra de estado

Consta de dos partes:

1) Poner un texto fijo por defecto: en la zona de la cabecera (HEAD), podemos escribir la siguiente orden:
window.defaultStatus=""
Entre las comillas podemos escribir algo o dejarlo vacio, según lo que queramos que aparezca por defecto en la barra de estado cuando no estamos sobre algún vínculo.

2) Poner textos en la barra al posicionarse sobre un vínculo: normalmente cuando pasamos con el cursor del ratón por encima de un vínculo vemos que aparece en la barra de estado del navegador (en la parte inferior de la pantalla) la URL o dirección del vínculo.

Si queremos que aparezca un texto concreto podemos utilizar como parámetro de la directiva <A HREF> el evento de javascript:
onMouseOver="window.status='Aquí el texto que se quiera';return true;"

Por ejemplo:
<A HREF="http://www.pangea.org" onMouseOver="window.status='Página principal de Pangea';return true;">Pangea</A>

Que da este resultado: Pangea

El texto peramenecerá en la barra de estado hasta que pasemos por encima de otro vínculo. Si queremos que el texto desaparezca al retirar el ratón de encima de vínculo, deberemos haber definido una opción por defecto (ver punto anterior).

En el Netscape podemos definir también un mensaje para cuando abandonamos el vínculo. Se trata de utilizar como parámetro de <A HREF> el siguiente evento javascript:
onMouseOut="window.status='Aquí el texto que se quiera';return true;"

Se puede poner sólo o combinado con el anterior, como en el ejemplo siguiente:
<A HREF="http://www.pangea.org" onMouseOver="window.status='Esto se ve al llegar al enlace';return true;" onMouseOut="window.status='Esto otro se ve al abandonar el enlace';return true;">Pangea</A>

Este es el resultado: Pangea

Con el Netscape se ve el texto al llegar al enlace y el otro texto al abandonar el enlace. Con el Explorer sólo se ve el primero (al llegar al enlace), pero no el segundo.


Texto móvil en la barra de estado

A continuación tenéis el código completo de una función JavaScript muy utilizada, que muestra varios mensajes desplazándose por la barra de estado del navegador.

Si queremos que se active al cargar la página, en el BODY habrá que añadir el parámetro JavaScript Onload="nombre_de_la_función();"

<SCRIPT LANGUAGE="JavaScript">
<!-- Comienza JavaScript -------------------
var txt= "Esta es una prueba de texto en movimiento "
+ "en la barra de estado"
+ "                                "
;
function scroll()
{
  window.status = txt;
  txt = txt.substring(1, txt.length) + txt.charAt(0);
  window.setTimeout("scroll()",150);
}
// -- Fin de JavaScript -------------- -->
</SCRIPT>

Si quieres: