tengo una duda, he creado una tabla dinamica en javascript, esta tabla carga sus datos desde la base de datos y los muestra por pantalla, ademas en cada linea de esta talba hay dos botones, que añaden los datos de la linea de la tabla javascript en la base de datos(mysql).
primero llamo a este metodo que me carga los datos da bd a la tabla javascript:
function anyadirLineasaTabla() {
numConfirmar=0;numModificar=0;numBorrar=0;
var miTabla = document.getElementById("tabla");
//borrar todas las lineas de la tabla si hay.
var table = document.getElementById("tabla");
for(var i = table.rows.length - 1; i > 0; i--)
{
table.deleteRow(i);
}
var j=0;
for(var i=0;i<eventoJSON2.length;i++){
//alert(eventoJSON2[i]);
numConfirmar++;numModificar++;numBorrar++;
var fila = document.createElement("tr");
fila.id=i;
var celda0 = document.createElement("td");
var celda1 = document.createElement("td");
var celda2 = document.createElement("td");
var celda3 = document.createElement("td");
var celda41 = document.createElement("td");
var celda4 = document.createElement("td");
var celda5 = document.createElement("td");
var celda6 = document.createElement("td");
var celda7 = document.createElement("td");
var celda8 = document.createElement("td");
celda0.innerHTML = i;
celda1.innerHTML = eventoJSON2[i].centro;
var fechanueva = eventoJSON2[i].fecha;
var anyo = fechanueva.substring(0,4);
var mes = fechanueva.substring(5,7);
var dia = fechanueva.substring(8,10);
var fecha = dia+"-"+mes+"-"+anyo;
celda2.innerHTML = fecha;
var mhiins = eventoJSON2[i].hora+":"+eventoJSON2[i].minutos;
celda3.innerHTML = mhiins;
celda41.innerHTML = eventoJSON2[i].idtrtclientes;
celda4.innerHTML = eventoJSON2[i].tratamiento;
celda5.innerHTML = eventoJSON2[i].client;
celda6.innerHTML = eventoJSON2[i].telefono;
if(eventoJSON2[i].estadocita=='1'){
celda7.innerHTML='Cita No Confirmada';
}else{celda7.innerHTML='Cita Confirmada';}
//http://www.telefonica.net/web2/blas-mar/crear.html
contenedorConfirmar = document.createElement('div'); // 2
contenedorConfirmar.id = 'div'+numConfirmar; // 3
fila.appendChild(contenedorConfirmar); // 4
var confirmar = 'confirmar'+i;
confirmar = document.createElement('input'); // 5
confirmar.type = 'button'; // 6
confirmar.value = 'Confirmar'+j; // 8
j++;
confirmar.id = j;
confirmar.name = 'div'+numConfirmar; // 8
var idtrtcl = eventoJSON2[i].idtrtclientes;
var idclient = eventoJSON2[i].idclient;
var idagenda = eventoJSON2[i].idagenda;
var activate2 = eventoJSON2[i].activate_cita;
var idtratami = eventoJSON2[i].idtratamiento;
var cliente = eventoJSON2[i].client;
confirmar.onclick = function () {getSelectedRowValues(miTabla)}; // 9
contenedorConfirmar.appendChild(confirmar);
modificar = document.createElement('input'); // 5
modificar.type = 'button'; // 6
modificar.value = 'Modificar'; // 8
modificar.name = 'div'+numModificar; // 8
modificar.onclick = function () {modificarCita(idtrtcl,idclient,idagenda,activate2,idtratami)} // 9
contenedorConfirmar.appendChild(modificar);
fila.appendChild(celda0);
fila.appendChild(celda1);
fila.appendChild(celda2);
fila.appendChild(celda3);
fila.appendChild(celda41);
fila.appendChild(celda4);
fila.appendChild(celda5);
fila.appendChild(celda6);
fila.appendChild(celda7);
fila.appendChild(contenedorConfirmar);
miTabla.appendChild(fila);
}
//var tab = document.getElementById('tabla');
//var chk = tab.getElementsByTagName('celda5');
return cliente;
}
esta es la tabla,
<TABLE BORDER="1" id="tabla" align="center" class= "estilo30">
<strong><DIV>
<TR><font color="#008080">
<TH><font color="#008080"> Identificador</TH><TH><font color="#008080"> Centro</TH><TH><font color="#008080"> Fecha </TH><TH> <font color="#008080">hora </TH><TH><font color="#008080"> id tratamiento </TH><TH> <font color="#008080">Tratamineto </TH><TH> <font color="#008080">Usuario </TH><TH><font color="#008080"> Telefono </TH><TH><font color="#008080"> Estado Cita </TH>
</TR></strong></DIV><br>
</TABLE><br><br>
la tabla se crea bien con los datos correctos y los botones, pero al seleccionar cualquier boton de la tabla agenda solo se actualiza la ultima linea, las demas nunca.
