Pular para o conteúdo

Tabela com efeito Hover em JavaScript

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: ?????!!!!!
Enzo de Brito Ferber EnzoFerber
Hits: 10.275 Categoria: Javascript Subcategoria: Introdução
  • Download
  • Nova versão
  • Indicar
  • Denunciar

Descrição

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: ?????!!!!!
Download table.zip Enviar nova versão

Esconder código-fonte

Vários arquivos.

theme para fluxbox

"Apontar"-links para um iframe

Mostrar e Esconder DIV com HTML, JavaScript e CSS

Html e suas principais Tags.

HTML Basico

#1 Comentário enviado por eddie21 em 11/06/2011 - 20:32h
ajuda muito pra iniciante como eu. mt bom
#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

Contribuir com comentário

Entre na sua conta para comentar.