Página de error 404 en Javascript

Este ejemplo que nos remite Maxter muestra como implementar un scrolling vertical de texto con el añadido de que cada caracter de la línea se va escribiendo sobre la marcha. De esta forma parece que las líneas de texto que se van mostrando están siendo escritas o dichas en ese mismo momento.

El script permite configurar la velocidad de los mensajes y el número de líneas a mostrar permanentemente. Por supuesto, el texto del mensaje es fácilmente modificable, cambiando las cadenas almacenadas en un array .

El ejemplo adjunto es una aplicación de este script para mostrar, con mucho humor, una página de error 404 más amigable (incluso más humana), en la cual el servidor web cobra vida y nos habla comentándonos lo dura que resulta su vida y lo frustrante que es no poder mostrar una página. Desde luego, si tenemos que informar de un error, mejor con humor.

Este script debe ir entre las tags <head> y </head> de la página:

<script language="javascript" type="text/javascript">
// Maxter - PAGINA DE ERROR 404
//
//Este script y otros muchos pueden
//descarse on-line de forma gratuita
//en El Código: www.elcodigo.com

var mensajes = new Array(
"El documento solicitado no existe.",
"Estoy realmente decepcionado con esto.",
"Ya ve, sólo soy un servidor web.",
"Aquí estoy,",
"intentando servirle una simple página web",
"y resulta que no existe.",
"¿En qué situación me deja esto?",
"¿Cómo he de saber lo que quiere de mí?",
"¿Piensa honestamente que puedo adivinar",
"lo qué desea encontrar aquí?",
"Estoy tan deprimido que apenas puedo llorar.",
"No es bonito ver llorar a un servidor web.",
"¿De todas formas, por qué cree que puede decirme",
"lo que debo mostrar?",
"¿Sólo porque soy un servidor web?",
"¿Cree que éso le da derecho",
"a decirme lo que tengo que hacer?",
"Estoy tan deprimido...",
"Sé que seré obsoleto en... ¿cuanto?",
"¿Dos semanas?",
"¿Qué clase de vida es ésta?",
"Dos semanas, y entonces me sustituirán",
"por una versión nueva.",
"Estoy realmente apesadumbrado de cargarle",
"con todo esto.",
"No tiene por qué escuchar mis problemas,",
"y sé que es mi trabajo recoger",
"páginas web para usted.",
"Pero no he podido conseguir ésta.",
"Estoy tan decepcionado.",
"¡Créame!",
"¿Podría interesarle quizá otra página?",
"Hay mucho por aqí que puede ser interesante.",
"Ahora, déjeme por favor a solas.",
"Estoy deprimido."
)

//configuracion
var velocidadCar = 60 //velocidad caracteres
var velocidadFil = 1500 //velocidad filas
var filasMostradas = 6 //numero de filas a mostrar en pantalla
//fin configuracion

var indice = 0
var posicionTexto = 0
var longitudMensaje = mensajes[0].length
var datos, fila

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

- Deshabilitar minimizar en JavaScript
- Script para detección de soporte a Ajax, Cookies y ActiveX
- Abrir ventana centrada en pantalla con Javascript
- Cambiando el color a las celdas con links
- Texto por defecto que desaparece

- Versión imprimible de este documento

- Enviar por e-mail este documento