Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Pessoal,
tenho uma listagem de cartela de cores, onde ao usuário passar o mouse sobre uma cor aparece uma div com o nome da cor e fica seguindo o mouse. O efeito funciona no IE mas não no Firefox. No IE a barra de status do navegador acusa erros na página, mas o efeito é exibido.
Preciso corrigir esse erro do IE e fazer o efeito funcionar também no Firefox. O link para você visualizarem é o seguinte:
A função javascript que utilizo é essa:
function segue(div)
{
if (navigator.appName == 'Netscape')
{
xcurs = e.pageX;
ycurs = e.pageY;
} else {
xcurs = event.clientX;
ycurs = event.clientY;
}
document.getElementById(div).style.left = (xcurs+0)+'px';
document.getElementById(div).style.top = (ycurs+0)+'px';
}
e a chamada da função é feita pelo link:
<a href="#" onMouseOver="cor_<? echo $arrayCores[$i-1]->get("id");?>.style.display='';" onmouseout="cor_<? echo $arrayCores[$i-1]->get("id");?>.style.display='none';" onmousemove="segue('cor_<? echo $arrayCores[$i-1]->get("id");?>');">
<img src="images/mask2.png" width="50" height="50" border="0" />
</a>
e a div exibida é a seguinte:
<div style="position:absolute; display:none;" id="cor_<?php echo $arrayCores[$i-1]->get("id");?>">
<div style="width:150px; height:150px; text-align:center; border:#FFFFFF solid; background-color:RGB(<?php echo $arrayCores[$i-1]->get("codigo");?>)">
<br />
<font color="#FFFFFF" face="Arial, Helvetica, sans-serif" size="+1" style="text-shadow: 2px 3px black;"><?php echo $arrayCores[$i-1]->get("nome");?></font>
</div>
</div>
Vocês poderiam me ajudar a resolver o problema de erros na página no IE e fazer o efeito funcionar no Firefox?
Então pessoal, :( ninguem tem um script que faz essa função que eu tô precisando e funcione no Firefox? Alguém que segue os padrões da W3C deve saber responder isso, não tem ninguém disponível?
Carregando comentários...