Jump to content


Photo

Mudar Cor Da Linha Da Tabela


  • Faça o login para participar
13 replies to this topic

#1 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 14/03/2007, 16:46

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! :boxing:

#2 linkprotegido.com

linkprotegido.com

    12 Horas

  • Banidos
  • PipPipPip
  • 125 posts
  • Sexo:Não informado

Posted 14/03/2007, 17:03

tenta esse

#3 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 14/03/2007, 17:24

nao funcionou! :(

<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 matt.cavotta

matt.cavotta

    Ativo

  • Usuários
  • 347 posts
  • Sexo:Masculino
  • Localidade:Campinas
  • Interesses:Desenvolvimento Web &amp; Programação

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! :boxing:


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>
&lt;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.

WebFórum - Equipe de Desenvolvimento - Estagiario

I'm back!
Posted Image Edgy Eft 7.04

#5 knoxville

knoxville

    Backdoor Man

  • Usuários
  • 951 posts
  • Sexo:Masculino
  • Localidade:Itajaí - SC

Posted 16/03/2007, 10:38

eu acho q nao tava dando certo de mudar de cor porque antes eu tava usando bgcolor pra setar a cor normal, nao dentro do style!

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! :assobio:

(y)



já consegui! :D
mto obrigado a todos!!!

Edição feita por: knoxville, 16/03/2007, 10:47.


#6 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 24/09/2017, 17:54

Buy Cialis Online Usa Oklahoma Buy Estrace Online Uk generic cialis Prescription Drugs From India Dbc Generic For Cialis

#7 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 30/09/2017, 14:24

Amox Amoxicillin Natural A Propecia Viagra En La Farmacia viagra cialis Tadalafil 20 Mg Cialis Online Originale Propecia E Infertilidad

#8 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 03/10/2017, 12:20

Viagra Were Best To Purchase On Line Information On Amoxicillin buy vardenafil 40 mg malaysia buy accutane online in canada Propecia No Rx

#9 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 10/10/2017, 08:49

Viagra Nebenwirkungen Flush viagra Viagra Y Cerveza Propecia Stanchezza
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

#10 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 10/10/2017, 13:00

Sale Stendra Erectile Dysfunction viagra Choisir Levitra En Ligne

#11 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 26/10/2017, 18:08

Date De Sortie Priligy Australie Tadalafil 20mg Price vardenafil hcl 20mg tab Order Viagra Without Prescription
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 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 27/10/2017, 07:14

Acheter Kamagra En Ligne viagra Amoxicillin Make A Full Dose
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

#13 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 27/10/2017, 11:00

Il Viagra Sulle Donne Cialis Dipendenza viagra Acquistare Cialis Viagra Amoxil Dosage Pediatric

#14 LarPhozyHah

LarPhozyHah

    Super Veterano

  • Usuários
  • 14515 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 07/11/2017, 08:36

Canada Prescription Drugs Malegra Dxt Review Effet Viagra Sur Jeune viagra Cialis Lilly Pas Cher Amoxicillin Wine
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)

IPB Skin By Virteq