[Resolvido] Botão em Ajax - Segurar imagem hover css

[Henrique Zanini 0]

Galera, pesquisei e não encontrei nada que pudesse me ajudar.

 

Tenho um botão da seguinte forma:

<a href="javascript:atualizar('script_receita.php?acao=trocar&id_receber=<?php echo $id_receita; ?>&receber=n')" class="recebido" title="Recebido"></a>

 

Ao passar o mouse em cima, ele muda o botão (de vermelho para verde).

 

Como faço para segurar o hover ao clicar no botão? Ele manter o botão verde?

 

Não sei se consegui me expressar muito bem... :s

se alguém tiver algum link pra indicar, eu agradeço.

 

obrigado

[William Bruno 1501]

qndo clicar, adicione uma class css no botão.

 

essa class terá o mesmo estilo do hover.

[Henrique Zanini 0]

o problema é que esses botões estão dentro de um while php, logo serão vários botões com a mesma classe. Alguém tem ideia de como fazer pra mudar apenas o botão que foi clicado? Precisa add a classe (clica uma vez) e remover a classe (clica a segunda vez).

 

:s

 

obrigado pela ajuda

[William Bruno 1501]

usando o objeto this, dentro da função de clique, o this aponta para o botão que foi clicado.

 

Antes de atribuir a class, teste se já não tem(um simples if). Se tiver você remove, se não tiver, você coloca.

[Henrique Zanini 0]

Resolvido.

 

Obrigado. Consegui da seguinte forma:

 

        $(document).ready(function(){
		 $('a.btn-adiciona').click(function(){
			 if ($(this).hasClass("teste")){
				 $(this).removeClass("teste")
			 }else {
				 $(this).addClass("teste");
			 }
		 })
        });

[William Bruno 1501]

Bacana Henrique!! parabéns.

 

Apenas uma dica para melhorar a performance, guarde em uma variavel um apontador para o this. Assim o browser não precisa ficar procurando sempre a mesma coisa.

 

         $('a.btn-adiciona').click(function(){
                                var $this = $(this);
                                if ($this.hasClass("teste")){
                                        $this.removeClass("teste")
                                }else {
                                        $this.addClass("teste");
                                }
                        });

[Henrique Zanini 0]

Fui testar agora com o javascript no link, ao clicar o primeiro botão, ele some e os outros dão certo. Sabe qual é o problema? :s

[William Bruno 1501]

Entendi nada cara... tá online ?

 

tem mais js envolvido ?

[Henrique Zanini 0]

Tem mais js sim :/

 

no link, tem um javascript que envia o valor do link ao php (para salvar se o foi recebido ou não).

 

Na página também tem js para umas tabelas, um js para remover o valor de "pesquisar..." ao clicar.

 

Também tem outro js que via ajax, carrega o conteúdo na página.

 

Será que está gerando conflito, devido a ter muito scripts?

 

Obrigado mais uma vez.

 

o código funcionou perfeitamente, só estava dando conflito mesmo nos outros códigos. Alterei a ordem e funcionou perfeitamente. (se quiser, pode apagar essas últimas postagens).

 

Obrigado mais uma vez.