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" />
<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!
Mudar Cor Da Linha (toda) Da Tabela
Started By Macfall, 15/04/2007, 22:45
1 reply to this topic
#1
Posted 15/04/2007, 22:45
#2
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....
e o codigo na tr ficaria
qualquer coisa volte a postar
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
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)










