Inconsistência Chrome X Firefox

[ernestovm 0]

Bom dia.

Descobri, depois de muito trabalho, um problema esquisito. Tenho duas imagens que chamam funções JavaScript determinadas. Uma funciona e a outra não. Isso no Firefox. No Chrome as duas funcionam perfeitamente. Alguém conhece alguma gambiarra para fazer o Firefox funcionar? Segue os códigos:

HTML:

<img src="images/ic_abrir.png" width="70" height="70" onClick="abre_notificacao(<? echo "'".$us_codigo."','".$item."'"; ?>);" style="cursor:pointer" id="p_imagem-<? echo $item; ?>" name="p_imagem-<? echo $item; ?>">
 <img src="images/ic_excluir.png" width="70" height="70" onClick="excluir_notificacao(<? echo "'".$us_codigo."'"; ?>);" style="cursor:pointer">

JAVASCRIPT:

<script type="text/javascript">
    function abre_notificacao(codigo,indice) {
        $("#p_imagem-"+indice).attr("src","images/ic_abrir_ok.png");
        $("#ver-"+indice).css("display", "block");
    }
    function excluir_notificacao(codigo) {
        $.post("excluir_notificacao.php", {codigo: codigo}, function(resposta) {
            confirm(resposta+" ("+codigo+")");
        });
        location.reload();
    }

</script>

A Função abre_notificacao(codigo,indice)  funciona perfeitamente nos dois browsers.

A Função excluir_notificacao(codigo) só funciona no Chrome.

Obrigado pela luz

[wanderval 19]

Primeiro erro que é o seu método de click, tenha conciência de uma coisa o chrome ele roda código errado as vezes pq ele realiza um fix na execução, por esse motivo o firefox não roda!

 

Sugestão:

CSS/HTML: 

.image-action {
  width: 70px;
  height: 70px;
  cursor: pointer;
}

<img class="image-action"
   src="images/ic_abrir.png"
   onclick="abre_notificacao(11)"/>
 
<img class="image-action"
   src="images/ic_excluir.png"
   onclick="excluir_notificacao(12)"/>

Ponderações:

1 - primeiro erro: onClick não existe! pesquise e verá apenas "onclick"

2 - feche todas as tags isso pode gerar erro de layout <img /> caso o mesmo não for feito

<img 
   src="images/ic_abrir.png"
   width="70"
   height="70"
   onclick="abre_notificacao(11)"
   style="cursor:pointer" id="p_imagem-" name="p_imagem"/>
<img
   src="images/ic_excluir.png"
   width="70"
   height="70"
   onclick="excluir_notificacao(12)"
   style="cursor:pointer"/>

 

3 - Você está executando um método de reload() fora de um método assincrôno,

isso não deve ser feito o motivo e que pode executar antes da confirmação ocorrer assim cancelando a ação inicial.

function excluir_notificacao(codigo) {
  $.post("excluir_notificacao.php", {codigo: codigo}, function(resposta) {
    confirm(resposta+" ("+codigo+")");
    location.reload(); 
  });
  // location.reload(); 
}

Obs:

 1- faça um css nesse código

 2- porque 

 

Test: https://jsbin.com/xawawuvime/edit?html,css,js,output