Tabela com efeito Hover em JavaScript [Javascript]

Tabela com efeito Hover em JavaScript

Publicado por Enzo de Brito Ferber (última atualização em 10/06/2011)

[ Hits: 10.033 ]

Homepage: http://www.maximasonorizacao.com.br

Download table.zip

0 0

Denuncie Favoritos Indicar

Código simples em javascript que mostra como fazer uma tabela e usar o efeito hover. (Quando você passa o mouse em uma linha da tabela ela muda de cor)
A tabela possibilita também a seleção de uma linha através do clique. Essa linha fica com uma cor diferente até que você clique nela novamente ou em outra. Apenas uma linha pode ser selecionada por vez.

core.js: rotina para pegar um elemento pela classe.
teffect.js: rotina para fazer os efeitos da tabela
fill.jpg: figura usada pelo arquivo table.css para estilizar o cabeçalho
table.css: estilos
table.html: ?????!!!!!

Esconder código-fonte

Vários arquivos.

Scripts recomendados

IFrame (página dentro de página)

Exibir data/mes/ano

Inserindo arquivo .JS na página

Html e suas principais Tags.

Barras coloridas

Comentários

[1] Comentário enviado por eddie21 em 11/06/2011 - 20:32h

ajuda muito pra iniciante como eu. mt bom

0 0

[2] Comentário enviado por gtcesar em 27/12/2011 - 12:37h

ola amigo tudo bem, bom gostaria de saber se foi vc quem criou o codigo acima, se for vc, meus parabens me ajudou muito, porem preciso de mais uma coisinha se puder ajudar seria util!!! gostaria de colocar um campo invisivel abaixo da tabela e quando clicar na linha pegar o id da mesma e preencher esse campo oculto, pois quero fazer como em um sistema delphi, agente seleciona a linha e abaixo temos os botoes editar e excluir

0 0