|
| Descripción del ejemplo JavaScriptEl Script utiliza dos variables. Una para almacenar el nombre del usuario (variable Nombre) y otra para la edad (variable Edad). Cada una de estas variables son el dato que ingresa el visitante en el cuadro de diálogo correspondiente. La primera variable la utilizaremos solo para mostrar el mensaje de bienvenida al sitio, "saludando" al visitante por su nombre. La segunda variable es la que utilizaremos para almacenar la edad del visitante. Con este dato controlaremos, mediante varias condiciones, hacia dónde debe ser redirigida la página. También nos permitirá saber que tipo de dato se ha ingresado (valor null, caracter NO numérico, número o nada).
En el ejemplo creamos la función Redireccion() que es llamada desde el evento onLoad de la etiqueta La primera condición verifica si la variable Edad tiene como valor null o cadena de texto vacía. El valor null es el que devuelve el cuadro de diálogo (prompt()) cuando se hace click en el botón "Cancelar" o en el botón de cierre. Como necesitamos que el visitante complete este dato para poder redireccionar hacia una página según la edad, pasamos a crear un cuadro tipo alert() que avisa que se debe ingresar el dato Edad para poder entrar al sitio. Esta función dispara un cuadro de diálogo con un botón de "Aceptar" y no ofrece una decisión por parte del visitante, por lo que al ser aceptado, se seguirá ejecutando la línea de código siguiente en el Script. Si por alguna razón el usuario no desea ingresar la edad se ofrece otro cuadro de diálogo creado mediante la función confirm(). Este sí acepta una interacción usuario / máquina ya que permite elegir entre dos opciones, "Aceptar" o "Cancelar". Si se pulsa "Cancelar" automáticamente se cortará la ejecución del Script. Si por el contrario el visitante pulsa "Aceptar" se ejecutará la siguiente línea de código que no es más que la función que ejecuta el Script. De esta manera se vuelve a dar una oportunidad para que se ingrese el dato requerido. Otro de los valores que puede tomar la variable es '' (cadena vacía), es decir, cuando el visitante a hecho clic en "Aceptar" sin ingresar ningún dato en el prompt() que pide la edad. En este caso marcamos ese "dato vacío" con dos comillas simples. Si la condición anterior no es verdadera, quiere decir que se ha ingresado por lo menos un caracter en el cuadro de diálogo y se ha pulsado "Aceptar". Es por eso que en la segunda condición comprobamos si el dato que se escribió es un número menor o igual (<=) a 17. Si es así, lanzamos un mensaje de bienvenida con el nombre del visitante mediante un cuadro alert(). Al ser aceptado este cuadro ejecutará automáticamente la siguiente línea, que redirige la página hacia la URL especificada. La anteúltima condición realiza la misma acción que la anterior con la diferencia que esta se ejecuta solo si el dato ingresado en el cuadro de diálogo es un número mayor o igual (>=) a 18. La última condición se ejecuta cuando se ha ingresado un caracter alfanumérico o símbolo. Es decir cualquier caracter o símbolo que NO ES un número. Es este caso se da la posibilidad de abandonar la ejecución del script mediante un cuadro confirm(). Si el visitante decide ingresar nuevamente el dato se ejecutará nuevamente la función Redireccion(). |
|
Información relativa al Script |
Ejemplo JavaScript para redireccionar una página según la edad que haya ingresado el visitante. Código fuente del script: |
|
![]() Agradecemos todos los comentarios. Gracias por ayudarnos a mejorar el sitio. Importante: Los comentarios están para ampliar el artículo propuesto en esta página, proponer o responder alguna consulta de otro visitante. En ningún caso nos hacemos responsables del contenido publicado en los comentarios. En el caso que formules una pregunta y ésta no sea respondida, puedes solicitarnos ayuda desde el formulario de ayuda aunque no te aseguramos una respuesta inmediata. | ||
| Código JavaScript Todos los derechos reservados | |||