Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

lui_zito

Problemas JavaScript x Mozila

Por , em Javascript

Recommended Posts

lui_zito    0

lui_zito
Postado

Estou utilizando um efeito em grids (quando passo o mouse sobre a linha...dá um efeito) , mas no Mozilla não funciona.

Alguém sabe onde esta o problema ?

Segue abaixo o código:

 

Arquivo muda_cor_linha.htc

 

<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="MudaCor()" />

<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="VoltaCor()" />

 

<script LANGUAGE="JScript">

 

var corOriginal;

 

function MudaCor(){

corOriginal = runtimeStyle.background;

runtimeStyle.background = "#B3C1B9";

}

 

function VoltaCor(){

 

runtimeStyle.background = corOriginal;

}

 

</SCRIPT>

 

 

 

Arquivo que será aplicado o efeito

 

 

<html>

<head>

<title></title>

<style type="text/css">

TD {font-family:Arial; font-size:8pt;}

.item {cursor:default ; behavior:url('../../../include/muda_cor_linha.htc');}

</style>

</head>

<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">

<table width="100%" border="1" cellspacing="0" cellpadding="0" bgcolor="#fofofo">

<tr class=item>

<td>teste da coluna 1</td>

<td>teste da coluna 2</td>

</tr>

</table>

</body>

</html>

 

 

Alguém poderia me dar essa luz ??

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

no caso do mozilla da pra você fazer:

 

.item:hover{}

 

<html><head><title></title><style type="text/css">TD {font-family:Arial; font-size:8pt;}.item {cursor:default;}.item td:hover {	background-color: #b3c1b9;}</style></head><body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0"><table width="100%" border="1" cellspacing="0" cellpadding="0" bgcolor="#fofofo"><tr class=item><td>teste da coluna 1</td><td>teste da coluna 2</td></tr></table></body></html>

 

 

the void

Compartilhar este post

Link para o post
Compartilhar em outros sites

lui_zito    0

lui_zito
Postado

Desse jeito .. ele só dá efeito em uma coluna.Gostaria q quando o mouse estivesse encima de uma linha ..todas as colunas tivesse efeito.Como fazer isso ?Obrigado desde já

Compartilhar este post

Link para o post
Compartilhar em outros sites

void    1

void
Postado

você continua fazendo o behavior pra funcionar no ei e usa o hover pro mozilla!.item tr:hover {background-color: #b3c1b9;}<table id="item">the void

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito