Este site é escrito por Tulio Faria, analista de sistemas, apaixonado por web, jogos e por qualquer cacareco tecnológico. 
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...
1 Comentário »
RSS feed for comments on this post · URI do TrackBack
joao said,
Setembro 8, 2009 @ 19:01
oi tulio,otimo exemplo, eu tentei usar esse tipo de confirmação mas no meu caso eu tenho uma lista com todos os usuarios em tabelas que é percorrida por um foreach em php e um dos campos da table é justamente o link da pagina de exclusão com o identificador class="linkdelete". mas só que quando clico no link(uma unica vez) ele repete a ação com a mesma quantidade de usuarios que tenho na lista...eu acho que por estar dentro do foreach...tem alguma dica? valeu