Saludos a todos!!! quisiera hacer que una tabla la cual tiene una serie de datos al pinchar sobre las celdas o sobre un checkbox se pueda modificar su contenido, encontre este codigo por aqui (pero no lo llego a entender del todo ) lo que quiero es que se puedan modificar todos los datos.... menos los nombres; dejo el codigo
Código HTML:
<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 width="24"><input type="checkbox" /></td><td width="35">Pepe</td><td width="27">69</td>
<td width="31">34</td>
<td width="27">22</td>
<td width="37">44</td>
</tr>
<tr>
<td><input type="checkbox" /></td><td>Paco</td><td>172</td>
<td>34r</td>
<td>67</td>
<td>22</td>
</tr>
<tr>
<td><input type="checkbox" /></td><td>Tere</td><td>12</td>
<td>88</td>
<td>455</td>
<td>678</td>
</tr>
</table>
<input type="button" value="Modificar" onClick="modifica()" />
</body>
</html> gracias al que pueda aportar alguna idea!!!