Ver Mensaje Individual
  #4 (permalink)  
Antiguo 18/07/2012, 18:25
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: obtener solo el valor de un <tr> con onClick?

Cita:
Iniciado por Diego89 Ver Mensaje
Cambia tu html por esto:

Código HTML:
<table width="100%" border="2">
    <!-- Agregue un tributo data-* para poder recuperar el valor, el nombre de data puede ser lo que tú quieras en este casi es valor -->
    <tr data-valor="valor" class="click">
        <td>Prueba</td>
    </tr>
    <tr data-valor="valor2" class="click">
        <td>Prueba</td>
    </tr>
    <tr data-valor="valor3" class="click">
        <td>Prueba</td>
    </tr>
</table> 
Agregue el atributo data para poder recuperar el valor de tu tr, ahora con una libería de Javascript en este caso jQuery has esto

Código Javascript:
Ver original
  1. $(function(){
  2.    
  3.     $(".click").click(function(e) {
  4.         e.preventDefault();
  5.         var data = $(this).attr("data-valor");
  6.         alert(data);    
  7.     });
  8.  
  9. });

Con eso podrías recuperar el valor de tu tr, te adjunto mi jsfidle para que lo puedas probar recuerda darle click al boton run para que lo veas en funcionamiento, haz click sobre los tr para que funcione el alerta.

http://jsfiddle.net/DiegoSeC/CQdMU/
Convengamos que usar jQuery solo para eso es un exabrupto
Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2.    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>Recuperar datos de celdas en una fila</title>
  5. <style type="text/css">
  6. /*<![CDATA[*/
  7. tr{
  8. background: cyan;
  9. }
  10. /*]]>*/
  11. <script type="text/javascript">
  12. //<![CDATA[
  13. function valor_celda(celda){
  14. alert(celda.innerHTML);
  15. }
  16. window.onload = function(){
  17. var tags_td = new Array();
  18. var tags_td=document.getElementsByTagName('td');
  19. for (i=0; i<tags_td.length; i++) {
  20.            if (tags_td[i].addEventListener) {   // IE9 y el resto
  21.                tags_td[i].addEventListener ("click", function () {valor_celda(this)}, false);
  22.            }
  23.            else {
  24.                if (tags_td[i].attachEvent) {    // IE9 -
  25.                    tags_td[i].attachEvent ('onclick',  function () {valor_celda(this)}, false);
  26.                }
  27.            }
  28. }
  29. }
  30. //]]>
  31. </head>
  32. <table border="1" width="50%">
  33. <tr>
  34. <td>celda 1</td><td>celda 2</td>
  35. </tr>
  36. <tr>
  37. <td>celda 3</td><td>celda 4</td>
  38. </tr>
  39. <tr>
  40. <td>celda 5</td><td>celda 6</td>
  41. </tr>
  42. </body>
  43. </html>
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.