Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/12/2011, 11:09
Avatar de loncho_rojas
loncho_rojas
Colaborador
 
Fecha de Ingreso: octubre-2008
Ubicación: En el mejor lugar del mundo
Mensajes: 2.704
Antigüedad: 16 años, 2 meses
Puntos: 175
Mantener resaltada fila de tabla con jQuery y PHP

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($respg_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:
Ver original
  1. $(document).ready(function(){
  2.     $('.linker').click(function(evento){
  3.                  if($("tr").attr('current')){
  4.                      $("tr").removeClass('current');
  5.                      }else{
  6.                         $(this).addClass("current"); }
  7.                  
  8.     });
  9. });


Si alguien pudiera prestarme una mano, seria de mucha ayuda.. gracias totales
__________________
Ayudo con lo que puedo en el foro, y solo en el foro.. NO MENSAJES PRIVADOS.. NO EMAILS NI SKYPE u OTROS.

Antes de hacer un TOPICO piensa si puedes hallarlo en Google o en el Buscador del Foro...

Última edición por loncho_rojas; 26/12/2011 a las 12:52 Razón: Colocar print de pantalla