Home Tutoriais Desenvolvimento Eventos em Javascript – Onabort


Ao longo dos manuais I e II de Javascript, mostramos muitos exemplos de utilização dos manipuladores de eventos. Aqui, veremos exemplos simples que nos ocorrem para utilizar outros manipuladores que ainda não vimos.

Evento onabort

Vejamos um primeiro exemplo, neste caso sobre o evento onabort. Este evento se ativa ao se cancelar o carregamento de uma página, seja porque se clica o botão de cancelar ou porque o usuário sai da página por outro link.

Este exemplo contém uma imagem que tem o evento onabort atribuído para que se execute uma função no caso de que a imagem não chegue a se carregar. A função informa ao usuário de que a imagem não chegou a se carregar e lhe pergunta deseja carrega-la outra vez. Se o usuário responde que sim, então começa abaixar a imagem outra vez. Se responde que não, não faz nada. A pergunta é feita com uma caixa confirm de Javascript.

<html> <head>
<title>Evento onabort</title>

<script>
function perguntarSeguir(){
resposta = confirm (“O carregamento da página foi detido e há uma imagem que você não está vendo.nDeseja carregar a imagem?”)
if (resposta)
document.img1.src = “http://criarweb.com/artigos/imagens/desarrollogrande.gif”
}
</script>

</head>
<body>
<img name=img1 src=”http:// http://criarweb.com/artigos/imagens/desarrollogrande.gif ” width=500 height=458 alt=”Imagem que pesa 115K” border=”0″ onabort=”perguntarSeguir()”>
<br>
Clique o botão de parar o carregamento da página e se colocará em funcionamento o evento onerror

</body>
</html>

Este exemplo estaria bem se sempre se detivesse o carregamento por clicar o botão de cancelar, mas o que acontece é que o usuário cancelou por ir a outra página através de um link, sairá a caixa de confirmação, mas não ocorrerá nada independentemente do que se responda e o navegante irá irremediavelmente à nova página.

Fonte: http://www.criarweb.com/artigos/398.php

   

Leave a Reply

This blog is kept spam free by WP-SpamFree.