Ao clicar trocar imagem e estilo da linha toda

[rafanevesjau 0]

Pessoal, estou com um problema aqui...

 

eu tenho uma tabela com 8 colunas e N linhas...

Nela eu vou controlar algumas mensagens que são enviadas através de um sistema q eu fiz em PHP...

Algumas especificações:

As mensagens que a pessoa ainda não leu ficam em negrito, com um ícone de um envelope fechado...

As mensagens já lidas não ficam em negrito, e o ícone é outro...

As mensagens devem ser abertas em uma nova janela...

Serão centenas de mensagens... não dá pra dar refresh a cada mensagem aberta... :(

 

O que eu preciso é o seguinte:

Ao clicar em uma mensagem não lida, trocar o estilo da linha toda de negrito para normal(não negrito), e tbm trocar a imagem da linha pelo ícone de mensagem lida...

 

Aqui está um exemplo de como é minha tabela: http://www.labomba.com.br/exemplo.html

 

Agradeço antecipadamente! Obrigado!

[Megadeth 2]

Crie uma classe para cada tipo de mensagem: lida e não-lida.

depois leia: trocando classes

depois me diz o que você entendeu, e principalmente o que não entendeu.OK!

[rafanevesjau 0]

ooooooO!!!!!!

Obrigado Megadeth... 50% do problema resolvido...

 

http://www.labomba.com.br/exemplo.html

 

Consegui adaptar na boa o código do Del para o Click (tenho um conhecimento mínimo de javascript).. Caiu como uma luva...

 

Só tenho mais um complicador...

Em cada linha, na segunda coluna tem um ícone... nas msg lidas ele é uma imagem, e nas msg NÃO lidas ele é outro...

Tem como trocar essa imagem da linha q eu cliquei (Junto com o estilo)?

 

Muito obrigado pela ajuda!!!!

[rafanevesjau 0]

Obrigado pela ajuda.... consegui fazer funcionar....

 

aí vai o código:

 

<script>function muda_class(elemento, imagem){	elemento.className = "linha_msg_lida";	document.getElementById(imagem).src = "msg_lida.gif";}</script>

Aqui é como tem q ser cada linha da tabela e a imagem:

<tr id="4" class="linha_msg_nova" onClick="java script:muda_class(this, 'msg_img_4');"> 	<td>  </td>	<td align="center"><img height="15" src="msg_nova.gif" id="msg_img_4"></td>	<td>  </td>	<td>Recado novo</td>	<td>Assunto</td>	<td>07/03/07</td>	<td>12Kb</td>	<td> <input type="checkbox" name="mensagem_mail[]" id="mensagem_mail[]" value="<?php echo($sortido[$i]); ?>" style="BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #FFFFFF; FONT-SIZE: 10px; TEXT-TRANSFORM: none; COLOR: #999999; FONT-FAMILY: Verdana; FONT-VARIANT: normal" align="absmiddle"> 	</td>  </tr>