Jump to content


Photo

Mudar Cor Da Linha (toda) Da Tabela


  • Faça o login para participar
1 reply to this topic

#1 Macfall

Macfall

    Novato no fórum

  • Usuários
  • 5 posts
  • Sexo:Não informado

Posted 15/04/2007, 22:45

Ai galera, eu nao to conseguindo mudar a cor da lina de uma tabela com a função JS onmouseover, pq acho que eu ja definir antes a cor da linha. O código é esse:

principal.css
[codebox]table.bordasimples
{
border-collapse: collapse;
}
table.bordasimples tr td
{
border:1px solid #C3C3C3;
}
td.titulo
{
background: #FF0000;
color: white;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}
td.linha
{
background: #FFFFFF;
color: #404040 ;
font-family: Arial, Helvetica, sans-serif;
}

a
{
color: #404040;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}
a:hover
{
color: red;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
}[/codebox]

parte do código da página(código que imprime a tabela)
paginacao.php
[codebox]<? //IMPRIME OS RESULTADOS
if ($_REQUEST['pagina'] > $n_pags) {
$pagina= $n_pags;
$limite_inf = ($pagina - 1) * $n_pag; }
if ($_REQUEST['pagina'] < 1) {
$pagina=1;
$limite_inf = 0; }

$consulta_exec = $consulta . " limit $limite_inf, $n_pag";
$resposta = mysql_query($consulta_exec);
$n_reg = mysql_num_rows($resposta);
for($x=0;$x<$n_reg;$x++)
{
if ($x % 2 != 0) {
$dif = $linhaAlternada; }
else {
$dif = ""; }
$campos = mysql_fetch_row($resposta);
$linha = "<TR>\n";
for($j=0;$j<5;$j++)
{
if ($j<4) {
$linha .= "<TD " . $linhas[$j] . " " . $dif . $linhasProp . ">" . $campos[$j] . "</TD>\n";}

else {
$linha .= "<TD " . $linhas[$j] . " " . $dif . $linhasProp . "><form id=\"myform\" method = \"POST\" action = \"ficha.php\"><input type = 'hidden' name = 'id' value = \" $campos[$j] \"><A href=\"java script: formSubmit() \">Abrir</A></form></TD>\n"; }}
$linha .= "</TR>\n";
echo $linha; }

?>
[/codebox]
parte do código index.php(onde a tabela vai ser exibida)
index.php[codebox]<?php include ("confere1.php") ;
include ("conecta_db.php");
include ("paginacao.php"); ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR...l1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="principal.css" />
&lt;script LANGUAGE="JavaScript">
function formSubmit()
{
document.getElementById("myForm").submit()
}

</script>
</head>
<body>
<?
//PROPRIEDADES DAS LINHAS DE RESULTADOS
$linhasProp = "class=\"linha\"";
$linhaAlternada = "style=\"background:#E7FFE1;\" ";
//CHAMA A FUNÇÃO QUE GERA A PAGINAÇÃO
paginacao($consulta, $n_campos, $n_pag, $titulos, $titulosProp, $linhas, $linhasProp, $linhaAlternada, $tabelaProp, $linksProp, $rangePag);
?>
</body>
</html>

[/codebox]

Já tentei adicionar a funcao onmouseover no TR da tabela, mas não aconteceu nada, só muda quando eu tiro o valor do background da linha. Entao eu queria uma forma da linha mudar de cor na tabela com o passar do mouse , e se possivel quando eu clicasse na linha ela me remetesse a uma outra pagina com mais detalhes sobre a linha escolhida, que no caso dessa eu estou fazendo com um form e um submit com javascript de valor abrir.

Desde já grato!

#2 bdoweb

bdoweb

    Super Veterano

  • Usuários
  • 1641 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 17/04/2007, 09:49

na função onmouseover e onmouseout já tentou passar ela mesmo... tipo criar uma função que vai receber um objeto no caso a tr e mudar a classe css....
function mudar ( obj , class ){
   obj.className = class;
}

e o codigo na tr ficaria

<tr onmouseover="mudar(this,'ativo')" onmouseover="mudar(this,'inativo')" class="inativo">

qualquer coisa volte a postar
Quer ajuda seus amigo e ainda ganhar uma graninha?
Acesse agora mesmo http://yeapiz.com




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq