Ir para conteúdo

POWERED BY:

Arquivado

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

ricsant

[Resolvido] colocando evento no objeto row

Recommended Posts

eu quero fazer algo do tipo:

oTable = document.getElementById("tabela");

for (var i = 2; i < oTable.rows.length - 1; i++)
{
oRow = oTable.rows[i];

oRow.onmouseover = "this.style.backgroundColor='#FEF7EA';";
}
mas o evento onmouseover não está funcionando, alguém poderia me ajudar por favor?

 

my email to contact is:

 

ricsant03@gmail.com

 

many thanks

 

Ricardo

 

editado por Otata 26/02/2009 13:20

Compartilhar este post


Link para o post
Compartilhar em outros sites

IMPORTANTE: nao se esqueca de retirar o espaco em java script deve ficar javascript (sem espaço)

 

Dica: faça sempre um debug do codigo ou no IE ou no FF, se nao souber onde esta o erro. Assim vai aprender a detectar os erros e a corrigi-los de forma rapida

 

 

<!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 type="text/javascript">
function colorir(){
tabela=document.getElementById("atabela");
nlinhas=tabela.rows.length;
//alert("Olá "+nlinhas+"")
for(i=0;i<nlinhas;i++)
{
tabela.rows[i].onmouseover=function(){this.style.backgroundColor="#FF0000"}
tabela.rows[i].onmouseout=function(){this.style.backgroundColor="#FFFFFF"}
}
}
</script>
</head>

<body onload="colorir()">
<table width="200" border="1" id="atabela">
  <tr>
	<td>Linha1</td>
  </tr>
  <tr>
	<td>Linha2</td>
  </tr>
  <tr>
	<td>Linha3</td>
  </tr>
  <tr>
	<td>Linha4</td>
  </tr>
  <tr>
	<td>Linha5</td>
  </tr>
</table>
<!--<a href="java script:qtd()">Quantas linhas?</a>-->
</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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