Uma aplicação bem interessante do jQuery que estou usando freqüentemente nas aplicações, é vincular a ação de click dos links ou botões que tenham um conteúdo ou classe específica, para que invoquem a  função confirm do javascript.

É mais prático que sair alterando todas as telas do sistema a procura dos links e colocando o código do confirm.

Abaixo um exemplo com o conteúdo do link, no caso, o que esta entre as tags <a>
Javascript:
$(function(){
    $("a:contains('Excluir')").click(function(){
        return confirm('Tem certeza que deseja excluir esse item?');
    });
});
Obs: O Conteúdo é case-sensitive, ou seja, deve ser idêntico, letras maiúsculas e minúsculas

HTML:

<a href="#">Excluir</a>
<a href="#">Excluir</a>
<a href="#">Excluir</a>

ou através de uma classe CSS:

Javascript:
$(function(){
    $("a.excluir").click(function(){
        return confirm('Tem certeza que deseja excluir esse item?');
    });
});

HTML:

<a href="#" class="excluir">Excluir</a>
<a href="#" class="excluir">Remover</a>
<a href="#" class="excluir">Deletar</a>

Sobre Erick

Erick de Oliveira escreveu 19 artigos no blog.

Tagged with →  
Share →

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>