jQuery: confirmação não obstrusiva (unobtrusive confirm)
Pessoal, aqui vai mais uma dica interessante usando jQuery.
Fazer uma confirmação não obstrusiva, ou seja, caso o usuário tenha desabilitado ou não tenha suporte a JS, funcionará do mesmo jeito.
Para fazer isso, iremos declarar que todos os links que possuam a classe "linkdelete", terão uma confirmação antes de seguir para seus devidos links. (quando clicado).
Agora a parte divertida com jQuery:
-
$(document).ready(function(){
-
-
$(".linkdelete").click(function(){
-
if (!confirm("Tem certeza que deseja apagar?")){
-
return false;
-
}
-
});
-
-
});
Resumidamente, pegamos todos os itens com o class igual a linkdelete e dizemos que se ele for clicado e caso eu não confirme a mensagem, ele retornará falso, ou seja, cancela a ação. Caso contrário, ou seja, ele confirme a mensagem, será levado a URL do link.
Caso o usuário não tenha JS ou o mesmo esteja desabilitado, sem problemas, pois não colocamos o JS diretamente no (X)HTML.
Bom pessoal, é isso...
Espero que tenham gostado da dica...
Até a próxima...
Obs.: me desculpem pela não publicação de um novo vÃdeo tutorial esta semana, é que estou completamente sem voz... Mas semana que vem, se tudo der certo, tem material novo sobre Cake...Â
