JavaScript não obstrutivo – usando a função window.confirm()
Alguns ‘cases’ rápidos e simples, de como podemos usar javascript para melhorar a vida do usuário, sem estragar a navegação dele, e ainda deixar tudo funcionando, caso não haja suporte a js, ou o script simplesmente pare de funcionar.
confirm() indo para uma página
<html> <head> <script type="text/javascript"> function id( el ){ return document.getElementById( el ); } window.onload = function(){ id('link').onclick = function(){ return confirm( 'Deseja ir para '+this.href+' ?' ); } } </script> </head> <body> <a href="http://wbruno.com.br" id="link">wbruno</a> </body> </html>
Veja que o código javascript é super simples. Não precisa de muito, e nem de nada complicado.
confirm() em um formulário
<html> <head> <script type="text/javascript"> function id( el ){ return document.getElementById( el ); } window.onload = function(){ id('form').onsubmit = function(){ return confirm( 'Tem certeza que deseja enviar o formulário ?' ); } } </script> </head> <body> <form action="" method="post" id="form"> Email: <input type="text" name="email" /> <input type="submit" name="ok" value="ok" /> </form> </body> </html>
Algumas aplicações que vejo são: ‘confirmar exclusão de registro’ (tanto pelo link direto, qnto pelo formulário), confirmar abertura de link externo, onde o usuário ‘sai’ do teu site…
A metodologia é simples: ‘Faça funcionar mesmo sem suporte a javascript’.
O difícil é a maioria dos programadores de hoje em dia, levarem em consideração ela.