Linhas alternadas
Publicado por Filype Pereira 30/12/2005
[ Hits: 10.678 ]
Simple script em JavaScript que exibe uma tabela com dados e as cores da tabela alternadas entre #FFFFFF e #F5F5F5
<html> <head> <title>Tabela com cores alternadas</title> <style type="text/css"> td.cabcima { background: ButtonFace; border: outset 1px ButtonFace; text-align: center; } .bg-FFFFFF { background: #ffffff;} .bg-F5F5F5 { background: #f5f5f5;} td { font-family: helvatica, verdana, arial, sans-serif; font-size: 12px; } table { overflow: scroll } </style> </head> <body> <script language="JavaScript" type="text/javascript"> var paises = new Array("Brasil", "Argentina", "Colombia", "EUA", "México", "Holanda", "Alemanha", "França", "Espanha", "Chile", "Japão"); var css; document.write('<table border="0" cellspacing="0" width="449" align="center">'); document.write('<tr >'); document.write('<td class="cabcima"> <\/td>'); document.write('<td class="cabcima">Nome do pais<\/td>'); document.write('<td class="cabcima">Quantidade de caracteres<\/td>'); document.write('<\/tr>'); for (i in paises) { (i%2) ? css = "bg-FFFFFF" : css = "bg-F5F5F5"; document.write('<tr class='+css+'>'); document.write('<td class="cabcima">'+i+'<\/td>'); document.write('<td> '+paises[i]+'<\/td>'); document.write('<td>'+paises[i].length+'<\/td>'); document.write('<\/tr>'); } document.write('<\/table>'); </script> </body> </html>
Adicionar/Remover Classe de um Elemento HTML
Notícias do site Ultimo Segundo
Javascript addDay(): Cálculo de data!
Aprenda a Gerenciar Permissões de Arquivos no Linux
Como transformar um áudio em vídeo com efeito de forma de onda (wave form)
Como aprovar Pull Requests em seu repositório Github via linha de comando
Dando - teoricamente - um gás no Gnome-Shell do Arch Linux
Como instalar o Google Cloud CLI no Ubuntu/Debian
Mantenha seu Sistema Leve e Rápido com a Limpeza do APT!
Procurando vídeos de YouTube pelo terminal e assistindo via mpv (2025)