Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17735
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Destacando linhas de uma tabela com cores

31-01-2008 17:39

Esse script é útil para quem tem uma tabela em html com muitas linhas, e precisa destacar algumas ao dar um click nelas.

CSS

<style type="text/css"> .td{background-color:#ffffff; cursor:default;} .td_destacada{background-color:#cccccc; cursor:default;} </style>

JAVASCRIPT

<script type="text/javascript"> function destaca(id) { if(document.getElementById(id).className=="td") { document.getElementById(id).className="td_destacada"; } else { document.getElementById(id).className="td"; } } </script>

HTML

<table> <tr><td id="1" class="td" onclick="destaca(this.id)">campo 1</td></tr> <tr><td id="2" class="td" onclick="destaca(this.id)">campo 2</td></tr> <tr><td id="3" class="td" onclick="destaca(this.id)">campo 3</td></tr> </table>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado