No se
Páginas: 8 (1882 palabras)
Publicado: 2 de junio de 2011
DesarrolloWeb.com > Manuales > Programación en Javascript II
Ejemplos de eventos en Javascript. Onabort
13 de agosto de 2003
Compartir en redes sociales
Valoración del artículo:
1 voto
Enviar un comentario
Ver comentarios del artículo (4)
Vemos enlaces a diversas aplicaciones prácticas donde se tratan eventos y ofrecemos un nuevo ejemplo para el evento onabort.
Por Miguel AngelAlvarez
Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
A lo largo de los manuales I y II de Javascript, así como del Taller, hemos mostrado muchos ejemplos de utilización de los manejadotes de eventos. Aquí veremos ejemplos sencillos que se nos ocurren para utilizar otros manejadotes que no hemos visto todavía, aunque antes podemos hacer una lista de algunosejemplos publicados anteriormente que deberían servir de ayuda para ir captando la práctica de el manejo de eventos.
* Acceso por clave con Javascript (Evento onclick)
* Rollover con Javascript (Eventos onmuoseover y onmouseout)
* Navegador desplegable (Evento onchange)
* Calculadora sencilla (Evento onclick)
* Confirmación del envío de formulario (Evento onclick)
*Posicionarse en un select (Evento onkeypress)
* Inhibir campo de formulario (Evento onfocus)
* Cuenta caracteres de un textarea (Eventos onkeydown y onkeyup)
Evento onabort
Veamos un primer ejemplo, en este caso sobre el evento onabort. Este evento se activa al cancelarse la carga de una página, ya sea porque se pulsa el botón de cancelar o porque el usuario se marcha de la página por otroenlace.
Este ejemplo contiene una imagen que tiene el evento onabort asignado para que se ejecute una función en caso de que la imagen no llegue a cargarse. La función informa al usuario de que la imagen no se ha llegado a cargar y le pregunta si desea cargarla otra vez. Si el usuario contesta que sí, entonces se pone a descargar la imagen otra vez. Si dice que no, no hace nada. La pregunta sehace con una caja confirm de Javascript.
<html> <head>
<title>Evento onabort</title>
<script>
function preguntarSeguir(){
respuesta = confirm ("Has detenido la carga de la página y hay una imagen que no estás viendo.n¿Deseas cargar la imagen?")
if (respuesta)
document.img1.src ="http://ipaginate.iespana.es/ipaginate/desarrollogrande.gif"
}
</script>
</head>
<body>
<img name=img1 src="http://ipaginate.iespana.es/ipaginate/desarrollogrande.gif" width=500 height=458 alt="Imagen que pesa 115K" border="0" onabort="preguntarSeguir()">
<br>
Pulsa el botón de parar la carga de la página y se pondrá en marcha el evento onerror
</body>
</html>
Este ejemplo estaría bien sisiempre se detuviese la carga por pulsar el botón de cancelar, pero si lo que pasa es que el usuario ha cancelado por irse a otra página a través de un enlace, saldrá la caja de confirmación pero no ocurrirá nada independientemente de lo que se responda y el navegante se marchará irremediablemente a la nueva página.
Se puede ver en una página aparte.
Este artículo te explica paso a paso cómo crearun sistema para proteger por clave unas páginas en tu web. Utilizamos Javascript, un lenguaje accesible a todo el mundo.
Por Miguel Angel Alvarez
Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
Lamentablemente, javascript no es un lenguaje con el que se pueda realizar un método interesante para hacer que algunas páginas de nuestro sitio solo sean accesibles si seintroduce una clave correcta. Aun así, existe un mecanismo para poder realizar esto, que no es muy avanzado ni tampoco muy seguro, pero que puede dar el efecto en nuestras páginas que estamos deseando.
Se trata de colocar páginas web en nuestro espacio huerfanas de enlaces, para que nadie pueda acceder a ellas. Esta es toda la seguridad que les podemos dar a nuestras páginas: como no existen...
Ejemplos de eventos en Javascript. Onabort
13 de agosto de 2003
Compartir en redes sociales
Valoración del artículo:
1 voto
Enviar un comentario
Ver comentarios del artículo (4)
Vemos enlaces a diversas aplicaciones prácticas donde se tratan eventos y ofrecemos un nuevo ejemplo para el evento onabort.
Por Miguel AngelAlvarez
Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
A lo largo de los manuales I y II de Javascript, así como del Taller, hemos mostrado muchos ejemplos de utilización de los manejadotes de eventos. Aquí veremos ejemplos sencillos que se nos ocurren para utilizar otros manejadotes que no hemos visto todavía, aunque antes podemos hacer una lista de algunosejemplos publicados anteriormente que deberían servir de ayuda para ir captando la práctica de el manejo de eventos.
* Acceso por clave con Javascript (Evento onclick)
* Rollover con Javascript (Eventos onmuoseover y onmouseout)
* Navegador desplegable (Evento onchange)
* Calculadora sencilla (Evento onclick)
* Confirmación del envío de formulario (Evento onclick)
*Posicionarse en un select (Evento onkeypress)
* Inhibir campo de formulario (Evento onfocus)
* Cuenta caracteres de un textarea (Eventos onkeydown y onkeyup)
Evento onabort
Veamos un primer ejemplo, en este caso sobre el evento onabort. Este evento se activa al cancelarse la carga de una página, ya sea porque se pulsa el botón de cancelar o porque el usuario se marcha de la página por otroenlace.
Este ejemplo contiene una imagen que tiene el evento onabort asignado para que se ejecute una función en caso de que la imagen no llegue a cargarse. La función informa al usuario de que la imagen no se ha llegado a cargar y le pregunta si desea cargarla otra vez. Si el usuario contesta que sí, entonces se pone a descargar la imagen otra vez. Si dice que no, no hace nada. La pregunta sehace con una caja confirm de Javascript.
<html> <head>
<title>Evento onabort</title>
<script>
function preguntarSeguir(){
respuesta = confirm ("Has detenido la carga de la página y hay una imagen que no estás viendo.n¿Deseas cargar la imagen?")
if (respuesta)
document.img1.src ="http://ipaginate.iespana.es/ipaginate/desarrollogrande.gif"
}
</script>
</head>
<body>
<img name=img1 src="http://ipaginate.iespana.es/ipaginate/desarrollogrande.gif" width=500 height=458 alt="Imagen que pesa 115K" border="0" onabort="preguntarSeguir()">
<br>
Pulsa el botón de parar la carga de la página y se pondrá en marcha el evento onerror
</body>
</html>
Este ejemplo estaría bien sisiempre se detuviese la carga por pulsar el botón de cancelar, pero si lo que pasa es que el usuario ha cancelado por irse a otra página a través de un enlace, saldrá la caja de confirmación pero no ocurrirá nada independientemente de lo que se responda y el navegante se marchará irremediablemente a la nueva página.
Se puede ver en una página aparte.
Este artículo te explica paso a paso cómo crearun sistema para proteger por clave unas páginas en tu web. Utilizamos Javascript, un lenguaje accesible a todo el mundo.
Por Miguel Angel Alvarez
Atención: Contenido exclusivo de DesarrolloWeb.com. No reproducir. Copyright.
Lamentablemente, javascript no es un lenguaje con el que se pueda realizar un método interesante para hacer que algunas páginas de nuestro sitio solo sean accesibles si seintroduce una clave correcta. Aun así, existe un mecanismo para poder realizar esto, que no es muy avanzado ni tampoco muy seguro, pero que puede dar el efecto en nuestras páginas que estamos deseando.
Se trata de colocar páginas web en nuestro espacio huerfanas de enlaces, para que nadie pueda acceder a ellas. Esta es toda la seguridad que les podemos dar a nuestras páginas: como no existen...
Leer documento completo
Regístrate para leer el documento completo.