Foros del Web » Programando para Internet » Javascript »

tomar valor de una fila

Estas en el tema de tomar valor de una fila en el foro de Javascript en Foros del Web. Hola, quisiera saber como puedo hacer para tomar el valor de una fila al seleccionarla para desp modificar los datos de la misma. Aca les ...
  #1 (permalink)  
Antiguo 17/09/2010, 15:49
 
Fecha de Ingreso: septiembre-2010
Mensajes: 74
Antigüedad: 13 años, 7 meses
Puntos: 1
tomar valor de una fila

Hola, quisiera saber como puedo hacer para tomar el valor de una fila al seleccionarla para desp modificar los datos de la misma.
Aca les dejo mi codigo:
Código PHP:
Ver original
  1. $user=new User();
  2. $user= $user->getUser(); // obtiene todos los datos para despues mostrarlos
  3.  
  4. echo      '<br/><br/><table border=1>'
  5.           .'<tr><td>Id</td>'
  6.           .'<td>Nombre</td>'
  7.           .'<td>Apellido</td>'
  8.           .'<td>Estado</td>'
  9.           .'<td>Eliminar</td>';
  10.          
  11. while ($row=mysql_fetch_Assoc($user)) // recorre los usuarios uno por uno hasta el fin de la tabla
  12. {
  13.     echo '<tr>'
  14.           .'<td>'.$row['id'] .'</td>'
  15.           .'<td>'.$row['name'] .'</td>'
  16.           .'<td>'.$row['lastname'] .'</td>'
  17.           .'<td>'.$row['state'] .'</td>'
  18.           .'<td><a href="ABMUsuario.php?br='.$row['id'].'">Eliminar</a></td>'
  19.           .'</tr>';
  20. }
  21. echo '</table>';
  22. ?>

La idea es que al hacer click en una fila de la tabla tome el id del usuario asi cuando presiono el boton modificar puedo manipular ese dato pasandolo a otra pagina.

El boton modificar es un input type submit.

Muchas gracias.
  #2 (permalink)  
Antiguo 17/09/2010, 15:58
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: tomar valor de una fila

Hola y bienvenido

Entiendo que tu mayor problema es obtener el texto de un td. Para ello has de usar innerHTML

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #3 (permalink)  
Antiguo 17/09/2010, 16:18
 
Fecha de Ingreso: septiembre-2010
Mensajes: 74
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: tomar valor de una fila

Gracias Adler, pero podrias explayarte mas en tu explicacion? porq la verdad es que tenemos muy pocos conocimientos de javascript.

Como se utiliza el innerHTML??
  #4 (permalink)  
Antiguo 18/09/2010, 08:11
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: tomar valor de una fila

Hola

Un ejemplo
Código Javascript:
Ver original
  1. function funcion() {
  2. var TRs = document.getElementById('tabla').getElementsByTagName('tr');
  3. for(i =1; i < TRs.length; i++) {
  4. TRs[i].onclick = function() {
  5. var TDs = this.getElementsByTagName('td');
  6. alert(TDs[0].innerHTML)
  7. }
  8. }
  9. }
En caso que sea la única tabla de la página, cambia esta línea
Cita:
var TRs = document.getElementById('tabla').getElementsByTagN ame('tr');
por esta otra
Cita:
var TRs = document.getElementsByTagName('tr');
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 19/09/2010, 14:13
 
Fecha de Ingreso: septiembre-2010
Mensajes: 74
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: tomar valor de una fila

sos un groso adler, me funciono perfecto, muchas gracias
  #6 (permalink)  
Antiguo 19/09/2010, 14:29
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: tomar valor de una fila

Cita:
Iniciado por tesistas Ver Mensaje
sos un groso adler, me funciono perfecto, muchas gracias
"groso" ¿es bueno o malo?
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #7 (permalink)  
Antiguo 19/09/2010, 16:21
 
Fecha de Ingreso: septiembre-2010
Mensajes: 74
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: tomar valor de una fila

jajajaja. aqui en argentina groso significa que sos un genio.
saludos.
  #8 (permalink)  
Antiguo 20/09/2010, 15:22
 
Fecha de Ingreso: septiembre-2010
Mensajes: 74
Antigüedad: 13 años, 7 meses
Puntos: 1
Respuesta: tomar valor de una fila

Otra duda, la variable que sale en el alert (TDs[0].innerHTML) la quiero tomar en otra pagina.

Pensamos hacerlo guardando esa variable en un campo oculto, enviarla por post con el form y tomarla con $_REQUEST en la otra pagina y de esta manera manipularla..

Pero como no sabemos mucho de javascript queremos saber como asignar esa variable al campo oculto.

Espero que se entienda mi pregunta.

Gracias!
  #9 (permalink)  
Antiguo 21/09/2010, 05:24
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: tomar valor de una fila

Hola

Cambia esta línea
Cita:
alert(TDs[0].innerHTML)
por esta otra
Cita:
document.getElementById('h').value == TDs[0].innerHTML;
<input type="hidden" value="" id="h" name="campo" />
Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Etiquetas: fila, tomar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:27.