Ver Mensaje Individual
  #1 (permalink)  
Antiguo 17/06/2011, 14:44
Avatar de veriyo
veriyo
 
Fecha de Ingreso: junio-2010
Mensajes: 80
Antigüedad: 12 años, 1 mes
Puntos: 0
Crear tabla html editable con javascript

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!!!