Problema Com Navegadores

bom galera tem o codigo abaixo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script language="JavaScript1.2" type="text/javascript">

function showAjuda(event,caminho){
IMG = document.all? document.all.img : document.getElementById("img");
IMG.innerHTML ="<img src='"+caminho+"' onMouseOut='hideAjuda();'>";


caixa = document.all? document.all.boxAjuda : document.getElementById("boxAjuda");
caixa.style.visibility = "visible";
caixa.style.top = event.clientY + document.body.scrollTop + 5;
caixa.style.left = event.clientX + document.body.scrollLeft + 5;
}

function hideAjuda(){
caixa = document.all? document.all.boxAjuda : document.getElementById("boxAjuda");
caixa.style.visibility = "hidden";
}

</script>
</head>

<body>
<p><a name="topo" id="topo"></a></p>
<table width="600" border="0" align="center">
  <tr>
    <td width="150" rowspan="5" valign="top"><a onmouseover="showAjuda(event,'imagens/snapshot_35d2ec4d_35f90740.jpg')" onMouseOut='hideAjuda();' href="#"><img src="imagens/snapshot_35d2ec4d_35f90740.jpg" alt="" width="150" height="150" border="0" style="background-color: #FFFFFF" /></a></td>
    <td width="380">Titulo</td>
    <td width="56" rowspan="5"><table width="50" border="0">
      <tr>
        <td><a onmouseover="showAjuda(event,'imagens/snapshot_35d2ec4d_35f90740.jpg')" onMouseOut='hideAjuda();' href="#"><img src="imagens/snapshot_35d2ec4d_15f907bf.jpg" alt="" name="" width="50" height="50" style="background-color: #FFFFFF" /></a></td>
      </tr>
      <tr>
        <td><a onmouseover="showAjuda(event,'imagens/snapshot_35d2ec4d_35f90740.jpg')" onMouseOut='hideAjuda();' href="#"><img src="imagens/snapshot_35d2ec4d_35f90660.jpg" alt="" name="" width="50" height="50" style="background-color: #FFFFFF" /></a></td>
      </tr>
      <tr>
        <td><a onmouseover="showAjuda(event,'imagens/snapshot_35d2ec4d_35f90740.jpg')" onMouseOut='hideAjuda();' href="#"><img src="imagens/snapshot_35d2ec4d_75f9071d.jpg" alt="" name="" width="50" height="50" style="background-color: #FFFFFF" /></a></td>
      </tr>

só que só funciona no IE o script não funfa no opera crome e firefox
o que pode ser?

var IMG = document.createElement('img'); IMG.src = caminho; IMG.onmouseout = "hideAjuda();"; //Agora vamos INSERIR essa imagem no div #container document.getElementById('container').appendChild(IMG);

#1 Srkupper

#2 Lucaswdm

#3 Srkupper

1 user(s) are reading this topic

Problema Com Navegadores

#1 Srkupper

#2 Lucaswdm

#3 Srkupper

1 user(s) are reading this topic

Entrar