Hola de nuevo.
Con este código se crea un cuadro de texto en la celda que se quiere editar y cuando, después de editar el valor, se pulsa fuera del cuadro se modifica la tabla. Espero que te sirva:
Código PHP:
<html>
<head>
<script type="text/javascript">
function modifica() {
tab=document.getElementById('tabla');
for (i=0; ele=tab.getElementsByTagName('input')[i]; i++) {
if (ele.checked) edita(ele);
ele.checked = false;
}
}
function edita(obj) {
padre = obj.parentNode.parentNode;
celda = padre.getElementsByTagName('td')[2];
txt = celda.innerHTML;
celda.innerHTML = '';
inp = celda.appendChild(document.createElement('input'));
inp.value=txt;
inp.onblur = function() { this.parentNode.innerHTML = this.value }
}
</script>
</head>
<body>
<table id="tabla">
<tr>
<td><input type="checkbox" /></td><td>Pepe</td><td>69</td>
</tr>
<tr>
<td><input type="checkbox" /></td><td>Paco</td><td>172</td>
</tr>
<tr>
<td><input type="checkbox" /></td><td>Tere</td><td>12</td>
</tr>
</table>
<input type="button" value="Modificar" onclick="modifica()" />
</body>
</html>
Saludos,
