...

View Full Version : turn on selected row of main table



LFilipe
09-27-2012, 06:39 AM
Hello!

Im' creating a personalized mail box, and i'm with a problem in the inbox...

On the code i post next, i need change color of the income messages when mouse is on and use the strong color when the message was selected.

On the selection i need the message id on a new div or td to push the message from the bd.

The struture code:


<!---left table--->
<td align="left" valign="top" style="padding:0px 20px 20px 40px; border-right:1px solid #eee">
<table width="320px" cellspacing="0" cellpadding="0" align="center" style="padding:0; border:0">

<td align="left" valign="top" style="padding:0px 0px 5px 0px; font-size:14px; color:#EC8EB7; border-bottom:double #eee"><b>» InBox</b></td>


<tr>
<td id="msg1" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#FDF6FA">
<table width="100%" align="left" cellspacing="0">
<td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Candy</b></div></td>
<td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">17:02</td>
<tr>
<td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message0 Message0 Message0 Message0</div></td>
<td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#E5097F">1 new(s)</td>
</tr>
</table>
</td>
</tr>

<tr>
<td id="msg2" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#FDF6FA">
<table width="100%" align="left" cellspacing="0">
<td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Júly</b></div></td>
<td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">14:19</td>
<tr>
<td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message1 Message1 Message1 Message1</div></td>
<td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#E5097F">2 new(s)</td>
</tr>
</table>
</td>
</tr>

<tr>
<td id="msg3" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#fff">
<table width="100%" align="left" cellspacing="0">
<td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>DJ Xpto.</b></div></td>
<td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">16/07</td>
<tr>
<td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message2 Message2 Message2 Message2</div></td>
<td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#EC8EB7">ride</td>
</tr>
</table>
</td>
</tr>

<tr>
<td id="msg4" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#F9D2E5">
<table width="100%" align="left" cellspacing="0">
<td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Caty</b></div></td>
<td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">14/07</td>
<tr>
<td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message3 Message3 Message3 Message3</div></td>
<td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#EC8EB7">ride</td>
</tr>
</table>
</td>
</tr>

<tr>
<td id="msg5" align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#fff">
<table width="100%" align="left" cellspacing="0">
<td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Invitation Xpto</b></div></td>
<td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">14/07</td>
<tr>
<td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message4 Message4 Message4 Message4</div></td>
<td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#EC8EB7">ride</td>
</tr>
</table>
</td>
</tr>

<tr>
<td align="left" valign="top" style="padding:0px 0px 0px 0px; background-color:#fff">
<table width="100%" align="left" cellspacing="0">
<td rowspan="2" width="60px" align="left" valign="top" style="padding:5px 0px 5px 10px; border-top:1px solid #eee"><img border="1px" style="border-color:#ddd" src="../data/fornecedores/x/logo_forn_default.png" width="60px" height="60px" alt="x" /></td>
<td align="left" valign="top" style="padding:15px 0px 0px 10px; border-top:1px solid #eee; font-size:12px; color:#444444"><div class="truncate"><b>Marie</b></div></td>
<td align="right" valign="top" style="padding:15px 10px 0px 20px; font-size:11px; color:#888; border-top:1px solid #eee">12/07</td>
<tr>
<td align="left" valign="top" style="padding:10px 0px 10px 10px; font-size:11px; color:#888"><div class="truncate">Message5 Message5 Message5 Message5</div></td>
<td align="right" valign="top" style="padding:10px 10px 10px 20px; font-size:11px; color:#EC8EB7">ride</td>
</tr>
</table>
</td>
</tr>

</table>
</td>
<!---// Left Table--->

<td id="selectedmessage" align="left">I NEED THE ID OF SELECTED MESSAGE</td>


Can help me?



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum