1

Preciso limpar um campo img e para isso estou utilizando o código abaixo, mas ao clicar no button o javascript não funciona por que a pagina recebe um refresh.

Analisei o console do navegador e não aparece nenhuma mensagem de erro... Podem me dizer aonde estou errando??

Aqui está o código do botão

   <?php
// verificando o diretorio utilizado para fins de desenvolvimento 
  diretorio();
  if(Empty($dir)){
    $img_padrao = '/images/sem_imagem.jpeg';
  }else{
    $img_padrao = '/'.$dir.'/images/sem_imagem.jpeg'; 
    }
  ?>                                  
  <img src='<?=$img_padrao?>' class='img-thumbnail limpar' id="img" alt="Img Destaque">                                


  <button id="apagar" onclick="clearimg('<?=$img_padrao?>')" class="btn btn-danger tabindex='4'">Remover Imagem</button>    

aqui o javascript

// função responsavel por apagar a imagem do Box (exibir a imagem padrão).
function clearimg($img_padrao){
var clearimg = $img_padrao; 
$('.limpar').attr('src', clearimg);
}
3
  • 1
    Esse button está dentro de algum form? Tem que ser a tag button? Commented 23/08/2017 às 21:51
  • está dentro de um form sim, e não precisa ser a tag button
    – Diego Lela
    Commented 23/08/2017 às 21:54
  • tu matou meu problema! mudei para input e funcionou... falta de experiência atrapalha e muito.. Obrigado! abraços!
    – Diego Lela
    Commented 23/08/2017 às 21:55

1 Resposta 1

3

Provavelmente sua tag button está executando a ação padrão dela, além do evento onclick, que provavelmente é o submit em um formulário. Para evitar isso, você pode especificar o tipo de botão:

<button type="button">Botão</button>

Ou pode evitar a ação padrão retornando false na função do evento:

function acao() {
    return false;
}

Ou utilizar outra tag, como um <input type="button"> ou <a href="javascript:void(0);"></a>.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .