Como ocultar la URL en la barra de estado

Cuando ponemos el ratón encima de un enlace se muestra en la barra de estado del navegador la URL a la que va dirigido. Esto es algo que resulta muy útil cuando navegamos, porque podemos ver, antes de pulsar el enlace, la dirección a la que va a dirigirnos el navegador si hacemos clic. Pero por muy útil que resulte a los navegantes, a veces los webmaster por unas razonas u otras preferimos que no se vea la URL a la que va a enviarnos un enlace al poner el ratón encima.

Con Javascript podemos alterar el texto que aparece en la barra de estado del navegador en cualquier momento, así que será ideal para esconder el texto que aparece en la barra de estado.

Nota:La decisión de eliminar la URL que aparece en la barra de estado al ponerse encima de un enlace es una mala idea desde el punto de vista de la usabilidad. Todos utilizamos esa información para tener una referencia y eliminarla puede ser molesto para el visitante.

Tenemos dos maneras de esconder el texto de la barra de estado. La primera sería modificando la etiqueta del enlace, pero tendríamos que hacerlo enlace a enlace para todos los que se desee. También mostraremos un modo de hacer esto para todos los enlaces de la página a la vez.

Esconder el texto de la barra de estado de enlace a enlace

Simplemente vamos a asignar un comportamiento cuando se pose el ratón encima de un enlace y otro comportamiento para cuando se salga del enlace.

<a href="http://www.webtaller.com" onmouseover="window.status='El Portal del WebMaster';return true" onmouseout="window.status='';return true"> WebTaller.com

Si vemos esta etiqueta del enlace se comprobará que tiene dos eventos definidos:

onmouseover, para definir acciones cuando se pose el ratón sobre el enlace.
En este evento indica con window.status un nuevo texto para la barra de estado. Luego hacemos el return true para que no se realice ninguna acción adicional por este evento.

onmouseout, para definir acciones cuando se sale el ratón del enlace.
En este evento borramos el texto de la barra de estado que aparecía al posarse sobre el enlace.

La ventaja de este modo es que podemos poner un texto distinto en la barra de estado para cada enlace de la página. Como decíamos, la desventaja es que tenemos que hacerlo en cada enlace que queramos evitar que se vea la URL.

Nota:En la configuración predeterminada de Firefox no se permite alterar el texto de la barra de estado, por lo que este script no cambiará ese texto. Pero como tenemos el "return true" en el manejador del evento, al menos evitará que se vea la URL del enlace.

Usuarios que han visto este tema también han visto...

- Página de error 404 en Javascript
- Validar número de checkbox marcados con Javascript
- Cambiar el tamaño de letra dinámicamente
- Javascript para recomendar página
- Frase al azar con Javascript

- Versión imprimible de este documento

- Enviar por e-mail este documento