Mantener resaltada fila de tabla con jQuery y PHP

[loncho_rojas]

Buenas... maltrecho problema se me ha presentado, y me gustaria un poco de ayuda de la gente, asi manejen jQuery, incluso php...

Necesito lo siguiente que no se como hacer:

Traigo unos datos dinamicos con una tabla para tabular datos X con la ayuda de PHP

Dichos datos son un resumen de estados de cuenta..

Cada dato posee un link para desplegar los detalles en otra tabla que aparece al lado de esta.

Lo que busco es que cuando doy click para ver los detalles, quede resaltada la fila de la tabla de resumen que corresponde a ese detalle, asi el usuario puede ver que detalle esta viendo..

un ejemplo de mi tabla seria:

Código PHP:

 <table width="410" border="1" cellspacing="0" cellpadding="0">
                
                <thead>
                  <tr>
                    <th width="55">No. Cuenta</th>
                    <th colspan="2">Detalles de Cuenta</th>
                  </tr>
                </thead>
                
                <tbody>
      <?php
                //datos de la cuenta
            while($res= pg_fetch_array($consulta)){
                
                ?>
                
                
                  <tr>
                    <td align="center" class="col"><?php echo $res['idventa'];?></td>
                    
                    <a href="estado-de-cuentas.php?pro=false&idventa=<?php echo $res['idventa']?>">Pagos</a>
                    </td>
                  </tr>
                <?php

            }

            ?>
            </tbody>
</table>  

la idea es que cuando se le de click en el detalle de pago, al lado aparezca el detalle.. pero que quede resaltada la fila a la cual le de click... como ven, lanzo atraves da la URL una variable dinamica con php, lo cual hace que se refresque el navegador para procesar dicho pedido y mostrarlo.

en este print se puede ver como esta normalmente:


En estes print se puede ver el resultado que deseo generar.. ahora a modo de prueba lo hice a mano.. para que se entienda el concepto.. vean como se queda resaltada la fila la cual di click.. este efecto manual lo logre con css colocandole un "tr:active", pero al refrescar la pagina desaparece.. uff.. una manita por favor.


intente hacer algo como:

Código Javascript:

$(document).ready(function(){
    $('.linker').click(function(evento){
                 if($("tr").attr('current')){
                     $("tr").removeClass('current'); 
                     }else{
                        $(this).addClass("current"); } 
                  
    });
});
 

Si alguien pudiera prestarme una mano, seria de mucha ayuda.. gracias totales

[maycolalvarez]

si refrescas la página es obvio que desaparezca, si quieres que esa selección sea persistente tienes 2 opciones:

desde el cliente con cookies o HTML5 localStorage (requiere compatibilidad)

desde el server enviando peticiones AJAX al clickear, y reconstruyéndolo desde el mismo

[loncho_rojas]

Gracias Maycol

A ver.. podrias darme un ejemplo sencillo a ver si puedo asimilarlo?

[loncho_rojas]

Bueno, lo resolvi de una manera mas sencilla.. solo utilizando php y unos if para comparar datos..

cuando yo doy click a un enlace para que me muestre uno datos envio por GET una variable, que puede ser un ID o un identificados X... en este caso en el print screen de arriba veran que tengo una columna de - No. Cuenta - que es el parametro que envio por URL o GET para en la tabla de al lado mostrar los datos... lo que hago es simple, pero efectivo en este caso.

comparo el valor del idcuenta que aparece en esa columna de la izquierda con el valor del idcuenta que fue enviado por GET... algo asi:

Código PHP:

  <?php
if($res['idcuenta']== $_GET['idcuenta'])
{
echo "<tr bgcolor='#3c5466'>"
}
else
{
echo "<tr>";
} 
?>   

por ende, al hacer el while para traer los datos de la tabla de la izquierda buscara que fila coincide con el id que se envio y quedara resaltada con un background, caso contrario, para el resto de los datos, solo aparecera de manera normal...

espero que a alguien le sirva, pues hay otros metodos que descubri con javascript, pero no son efectivos debido que al refrescar la pagina se pierde el valor de elemento seleccionado.. de todas maneras dejo un metodo alternativo que quite de esta pagina:
http://www.elwebmaster.com/articulos...-de-tus-tablas

solo que sirve para resaltar y dejar activa una fila cuando le damos click.. al refrescar la pagina vuelve a resetearse con el metodo del link anterior..

saludos