capturando los valores de una celda

summerblack · #1 (**permalink**) 17/07/2013, 14:24

Hola amigos, mi pregunta es la siguiente:
resulta que yo hago una consulta a la base de datos mediante ajax y cada fila de la consulta la imprimo mediante echo = '<table>'; y esta impresion la muestro en un div dentro de mi pagina index.html

cada una de las celdas de la tabla tienen la propiedad contenteditable='true'.

mi problema es que estoy tratando de capturar los valores de las celdas de la tabla de la siguiente forma mediante ajax

Código HTML:

Ver originalfunction edit(cod) {
var tr=document.getElementsByTagName("tr")[cod];
var c= tr.getElementsByTagName("td")[0].innerHTML;
alert (c);

pero no he podido seguramente porq la tabla la imprimo mediante echo..? como mas puedo capturar los valores de este tipo de tabla?? gracias de antemano a quien me pueda ayudar.

quimfv · #2 (**permalink**) 18/07/2013, 03:06

El hecho de haber impreso con echo no es importante si el resultado es html valido. Para javascript ese html lo podrias haber escrito a mano es lo mismo.

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
function edit(cod) {
var tr=document.getElementsByTagName("tr")[cod];
var c= tr.getElementsByTagName("td")[0].innerHTML;
alert (c);
tr.getElementsByTagName("td")[0].innerHTML+=" Editado";
}
</script>
 
</head>
 
<body>
<table border="1" cellspacing="0" cellpadding="0">
  <tr>
    <td>11</td>
    <td>12</td>
    <td>13</td>
  </tr>
  <tr>
    <td>21</td>
    <td>22</td>
    <td>23</td>
  </tr>
  <tr>
    <td>31</td>
    <td>32</td>
    <td>33</td>
  </tr>
</table>
<input name="" type="button" value="Edita la celda 31" onClick="edit(2)">
</body>
</html>

Como puedes ver tu función muestra la celda 31 (recuerda que los indices de las matrices empiezan por cero)

summerblack · #3 (**permalink**) 18/07/2013, 07:39

bueno me falto un detalle, jeje cuando imprimo la tabla en el div, es porque esta es el resultado de una funcion ajax que previamente ejecute para mostrar todos los resultados de la consulta de la siguiente forma:

ajax.js

Código HTML:

Ver original//consulta datos de la tabla
function buscar()
{
    ajax.open("POST", "busqueda.php", true);
    ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    ajax.onreadystatechange =function (){ 
if (ajax.readyState==4)
    {
        document.getElementById('divresultado').innerHTML=ajax.responseText;
        
    }
}       
    url= "a="+a;    
    ajax.send(url); 
}

donde en la linea de ajax.responseText;

muestra el codigo php que es algo asi:

busqueda.php

Código HTML:

Ver original$tabla=  '<table class="tablas" id="tabla1">';
$tabla .= '<tr>';
$tabla .= '<td>id</td>';
$tabla .= '<td>nombre</td>';
$tabla .= '<td></td>';
$tabla .= '</tr>';
    while ($row = mysql_fetch_assoc($res))
    {   
    $tabla .= '<tr>';
    $tabla .=    '<td contenteditable="true">'.$fila['Cod'].'</td>';
    $tabla .=    '<td contenteditable="true">'.$fila['Nombre'].'</td>';
    $tabla .=    '<td><a href="javascript:edit('.$fila['Cod'].')">update</a></td>';
    $tabla .= '</tr>';     
    }
   echo($tabla);

En serio, En serio, En serio Les agradeceria muchooo si me pueden ayudar ya me desespere jejej