Mudar Cor Da Linha Da Tabela
#1
Posted 14/03/2007, 16:46
tenho uma tabela onde são listados todos os clientes de um banco de dados
________________________________
| cliente | cidade | telefone | controle |
|cliente1|cidade/uf|(dd)9393|editar/apagar|
|cliente2|cidade/uf|(dd)9696|editar/apagar|
onde é listado, é uma linha cinza e outra branca, alternando pra ficar mais facil a leitura/localização
agora preciso que quando eu posicione o mouse em qualquer celula da tabela, toda a linha fique azul claro, tirando o mouse de cima, volta pra cor que era antes... clicando em cima (qualquer posição da linha) execute um js (essa parte eu tb gostaria de saber) q vai abrir os detalhes do cliente como endereço, etc em uma div layer (essa parte é comigo!)
alguem sabe me ajudar? eu achei pouca coisa no forum, só sobre o mudar de cor, mas nos que tinha, ela nao voltava pra cor anterior quando tirasse o mouse...
vlw!
- LarPhozyHah likes this
#3
Posted 14/03/2007, 17:24
<table width="605" border="0">
<tr>
<td width="225" bgcolor="#000066"><div align="center"><strong><font color="#FFFFFF" size="2" face="verdana">Empresa</font></strong></div></td>
<td width="164" bgcolor="#000066"><div align="center"><strong><font color="#FFFFFF" size="2" face="verdana">Cidade</font></strong></div></td>
<td width="128" bgcolor="#000066"><div align="center"><strong><font color="#FFFFFF" size="2" face="verdana">Telefone</font></strong></div></td>
<td width="70" bgcolor="#000066"><div align="center"><strong><font color="#FFFFFF" size="2" face="verdana">Controle</font></strong></div></td>
</tr>
<%
Sql = "Select * from clientes order by nome"
Set Rs = Conexao.Execute(Sql)
cor = "#f4f4f4"
Do While Not Rs.Eof
If cor = "#f4f4f4" Then
cor = "#ffffff"
ElseIf cor = "#ffffff" Then
cor = "#f4f4f4"
End If
%>
<tr bgcolor="<%=cor%>">
<td onMouseOver="this.style.background-color='#00ccff'" onMouseOut="this.style.background-color='<%=cor%>'"><font size="2" face="verdana"><%=Rs("nome")%></font></td>
<td><font size="2" face="verdana"><%=Rs("cidade")%>/<%=Rs("estado")%></font></td>
<td><font size="2" face="verdana"><%=Rs("fone")%></font></td>
<td><center><a href="clientes.asp?id=<%=Rs("id")%>"><img src="editar.gif" border="0" alt="Editar"></a> / <a href="java script:confirma('clientes.asp?del=<%=Rs("id")%>')"><img src="deletar.gif" border="0" alt="Excluir"></a></center></td>
</tr>
<%
Rs.MoveNext
Loop
End If
%>
</table>
(ah, pra poupar tempo... eu testei tanto com o background-color quando com o backgroundcolor, nenhum funcionou!)
Edição feita por: knoxville, 14/03/2007, 17:37.
#4
Posted 14/03/2007, 20:17
boa tarde!!
tenho uma tabela onde são listados todos os clientes de um banco de dados
________________________________
| cliente | cidade | telefone | controle |
|cliente1|cidade/uf|(dd)9393|editar/apagar|
|cliente2|cidade/uf|(dd)9696|editar/apagar|
onde é listado, é uma linha cinza e outra branca, alternando pra ficar mais facil a leitura/localização
agora preciso que quando eu posicione o mouse em qualquer celula da tabela, toda a linha fique azul claro, tirando o mouse de cima, volta pra cor que era antes... clicando em cima (qualquer posição da linha) execute um js (essa parte eu tb gostaria de saber) q vai abrir os detalhes do cliente como endereço, etc em uma div layer (essa parte é comigo!)
alguem sabe me ajudar? eu achei pouca coisa no forum, só sobre o mudar de cor, mas nos que tinha, ela nao voltava pra cor anterior quando tirasse o mouse...
vlw!
Olá,
implementei um código js aqui que muda as cores das linhas da tabela alterando a propriedade onmouseover e onmouseout.
A vantagem é que evita o trabalho de ficar colocando esses eventos em cada linha da tabela, ou seja, você pode criar uma tabela normalmente, só lembrando de incluir o js e o <body onload='init()'>, sem contar que fica mais eficiente.
A desvantagem é que se você tiver outras tabelas, elas 'herdarão' essa propriedade. Tem um jeito de arrumar isso usando
document.getElementsByClass() que desenvolvemos aqui no fórum . Se você precisar disso avise que eu altero.
Obs. No js abaixo, 'white' é a cor original e 'green' a cor ativada, é só mudar ao seu gosto;
<html> <script type="text/javascript"> /* inicializa todas as linhas de tabela com os eventos onmouseover e onmouseout para mudarem de cor de fundo */ function init (){ /* recebe uma lista com todos os elementos de tag <tr> */ var lista = document.getElementsByTagName('tr'); for (i=0; i<lista.length; i++){ lista[i].onmouseover=function(){this.style.background = 'green'} lista[i].onmouseout=function(){this.style.background = 'white'} } } </script> <body onload='init()'> <!-- teste --> <table border='1'> <tr><td> bla </td><td> ble </td></tr> <tr><td> ble </td><td> bli </td></tr> </table> </body> </html>
Edição feita por: matt.cavotta, 14/03/2007, 20:22.
I'm back!
Edgy Eft 7.04
#5
Posted 16/03/2007, 10:38
agora restou uma dúvida... como faço pra quando clicar ali aparecer o DIV? (só quero saber qual é a função de ao clicar fazer tal coisa, o resto eu faço!)
vlw a todos por enquanto!
já consegui!
mto obrigado a todos!!!
Edição feita por: knoxville, 16/03/2007, 10:47.
#6
Posted 24/09/2017, 17:54
#7
Posted 30/09/2017, 14:24
#8
Posted 03/10/2017, 12:20
#9
Posted 10/10/2017, 08:49
Effetti Propecia Di cialis Dove Si Compra Il Cialis Achat De Kamagra Votre Avis Le Meilleur Levitra Ou Viagra
Viagra 200 Mg For Sale Viagra Prezzo Di Vendita Buy Benicar Without A Prescription viagra online pharmacy Treatment For Amoxicillin Rash order accutane online australia Free Shipping Generic Pyridium In Usa
#11
Posted 26/10/2017, 18:08
Cialis Viagra Ligne levitra for sale online Patient Reviews For Vardenafil Cialis En Farmacias
Elimite Cream Walgreens Compra Priligy Precio viagra Levitra Controindicazioni In Farmacia
#12
Posted 27/10/2017, 07:14
Cialis 20 Mg Preiswert Propecia Y Etanol buy viagra Lasix Achat Cephalexin For Eye Infection
Viagra Beziehen Comprar Cialis Y Priligy viagra vs cialis vs levitra reviews Sivacracy Amoxil Net Sky Pharmacy Canada
Medicament Cialis 20mg isotretinoin with overnight delivery in internet viagra online prescription Viagra Generika Levitra Amoxicillin With Acetylsalicylic Acid Buy Priligy Funziona 2012
Como Tomar El Kamagra cialis Propaganda De Kamagra Nolvadex For Sale Expired Zithromax
Online No Rx Prednisone Fda Approval Viagra Cialis Canadian Pharmacy Xenical Vrai Acheter viagra Kamagra Tabletten Preisvergleich Online Zithromax Achat Cialis En Martinique
Tamsulosin No Prescription Efectos Viagra Largo Plazo Keflex Abscessed Tooth viagra Acheter Cialis Montreal Cialis Generico E Legale Viagra Comprare
Order Generic Propecia 1mg Where To Purchase Progesterone 400mg Wokingham Prezzo Levitra Farmacia cialis buy online Acheter Priligy 30 Mg En Ligne
Viagra Pills Shipped In 1 Or 2 Days Viagra 50 Mg For Sale viagra Cephalexin Brand Name Amoxicilina Medication Quick Shipping Kamagra Sildenafil 100 Milligrams
#14
Posted 07/11/2017, 08:36
Viagra Online Bestellen International Pharmacy No Prescription generic viagra Amoxicillin Absorbtion Amount
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)