Ir para conteúdo

POWERED BY:

Arquivado

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

Paulo Vinicius_210465

Alterar cor de fundo de celula de tabela por valor de resultado

Recommended Posts

Sou iniciante com php e mysql, e gostaria de saber se, há algum modo de alterar automaticamente a cor de fundo de uma celula de uma table, dependendo do resultado da variavel $lycra que recebe do banco de dados??????????

 

já agradeço antecipadamente por qualquer ajuda.

<html>
<head>
<title>Ranking Bateria</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>

<table border="0">
  <tr>
    <td width="69">Posição     </td>
    <td width="300">Competidor </td>
    <td width="69">Lycra       </td>
    <td width="69">Somatória   </td>
    <td width="69">1º wave     </td>
    <td width="69">2º wave     </td>
  </tr>

<?php
$hostname = "1234";
$database = "1234";
$username = "1234";
$password = "1234";
$db = mysql_connect($hostname, $username, $password) or trigger_error(mysql_error(),E_USER_ERROR); 
mysql_select_db($database);

$sql = mysql_query("SELECT * FROM ranking ORDER BY pontos DESC LIMIT 0,4"); 
$registros_encontrados = mysql_num_rows($sql);
while ($lista = mysql_fetch_array($sql)) {
$id = $lista['id'];
$competidor = $lista['competidor'];
$lycra = $lista['lycra'];
$pontos = $lista['pontos'];
$awave = $lista['awave'];
$bwave = $lista['bwave'];
echo "
  <tr>
    <td> </td>
    <td>$competidor</td>
    <td>$lycra</td>
    <td>$pontos</td>
    <td>$awave</td>
    <td>$bwave</td>
  </tr>
";
}

	


?>
</table>

</body>
</html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Os valores da variável variam muito ??

Se não forem muitas variações você poderia fazer o seguinte:

echo "
  <tr class='$lycra'>
    <td> </td>
    <td>$competidor</td>
    <td>$lycra</td>
    <td>$pontos</td>
    <td>$awave</td>
    <td>$bwave</td>
  </tr>
";
}

E no css você cria as classes:

.valor_do_campo_lycra_1 {
  background: #COR1;
}
.valor_do_campo_lycra_2 {
  background: #COR2;
}
.valor_do_campo_lycra_3 {
  background: #COR3;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

Blz, então é isso mesmo.

echo "
  <tr>
    <td> </td>
    <td>$competidor</td>
    <td class='$lycra'>$lycra</td>
    <td>$pontos</td>
    <td>$awave</td>
    <td>$bwave</td>
  </tr>
";
}

Eu tinha colocado pra alterar a linha inteira, agora q eu vi que era só a célula.

E no CSS:

.verde {background: rgb(000,000,000); }
.azul {background: rgb(000,000,000); }
.amarelo {background: rgb(000,000,000); }
.vermelho {background: rgb(000,000,000); }
.preto {background: rgb(000,000,000); }
.branco {background: rgb(000,000,000); }

Compartilhar este post


Link para o post
Compartilhar em outros sites

cara não manjo muito de css vc poderia olhar se o meu css está certo

td.verde {background: #0F0; }
td.azul {background: #00F; }
td.amarelo {background: #FF0; }
td.vermelho {background: #F00); }
td.preto {background: #000; }
td.branco {background: #FFF }

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.