mover filas entre dos tablas (agregar y eliminar)

jjeshuacm mora
04 de Abril del 2013
hola a todos , espero me puedan ayudar un poco.. tengo un listado que se carga con registro de la base de datos, cada fila tiene un boton de añadir, la cual ejecuta una funcion javascript la cual manda dicha fila y la crea en una segunda tabla y esta desaparece de la primera/ y la añade un boton de eliminar por cada fila creada. hasta los momentos esto me funciona correctamente ahora mi problema es que necesito que en el boton de eliminar al darle click me elimine esa fila de la segunda tabla, y aparezca de nuevo en la primera. eh intentado por muchos medios. y algo relacionado con que tengo que ver la clase padre, pero no lo comprendo no c mucho de javascript espero puedan ayudarme, este es el codigo que tengo por los momentos



function añadirFilas(a,b,c,d,e,f,g,h,i,j){
// optenemos los valores que estan de tu primera tabla...
var valor1=a;
var valor2=b;
var valor3=c;
var valor4=d;
var valor5=e;
var valor6=f;
var valor7=g;
var valor8=h;
var valor9=i;
var valor10=j;
// optenemos el id de tu segunda tabla y creamos los y necesarios...
var tabla2=document.getElementById('tabla2');
var tr=document.createElement('tr');
var td0=document.createElement('td');
var td1=document.createElement('td');
var td2=document.createElement('td');
var td3=document.createElement('td');
var td4=document.createElement('td');
var td5=document.createElement('td');
var td6=document.createElement('td');
var td7=document.createElement('td');
var td8=document.createElement('td');
var td9=document.createElement('td');
var td10=document.createElement('td');
//agregamos los valores de tu primera tabla a los creados..
td0.innerHTML= '';
td1.innerHTML=valor1;
td2.innerHTML=valor2;
td3.innerHTML=valor3;
td4.innerHTML=valor4;
td5.innerHTML=valor5;
td6.innerHTML=valor6;
td7.innerHTML=valor7;
td8.innerHTML=valor8;
td9.innerHTML=valor9;
td10.innerHTML=valor10;
// agregamos los al ..
tr.appendChild(td0);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tr.appendChild(td4);
tr.appendChild(td5);
tr.appendChild(td6);
tr.appendChild(td7);
tr.appendChild(td8);
tr.appendChild(td9);
tr.appendChild(td10);

// agregamos el a tu segunda tabla
tabla2.appendChild(tr);

}
function eliminarFilas(a,b,c,d,e,f,g,h,i,j){
// optenemos los valores que estan de tu primera tabla...
var valor1=a;
var valor2=b;
var valor3=c;
var valor4=d;
var valor5=e;
var valor6=f;
var valor7=g;
var valor8=h;
var valor9=i;
var valor10=j;
// optenemos el id de tu segunda tabla y creamos los y necesarios...
var tabla2=document.getElementById('tabla2');
var tr=document.createElement('tr');
var td0=document.createElement('td');
var td1=document.createElement('td');
var td2=document.createElement('td');
var td3=document.createElement('td');
var td4=document.createElement('td');
var td5=document.createElement('td');
var td6=document.createElement('td');
var td7=document.createElement('td');
var td8=document.createElement('td');
var td9=document.createElement('td');
var td10=document.createElement('td');
//agregamos los valores de tu primera tabla a los creados..
td0.outerHTML= '';
td1.outerHTML=valor1;
td2.outerHTML=valor2;
td3.outerHTML=valor3;
td4.outerHTML=valor4;
td5.outerHTML=valor5;
td6.outerHTML=valor6;
td7.outerHTML=valor7;
td8.outerHTML=valor8;
td9.outerHTML=valor9;
td10.outerHTML=valor10;
// agregamos los al ..
tr.appendChild(td0);
tr.appendChild(td1);
tr.appendChild(td2);
tr.appendChild(td3);
tr.appendChild(td4);
tr.appendChild(td5);
tr.appendChild(td6);
tr.appendChild(td7);
tr.appendChild(td8);
tr.appendChild(td9);
tr.appendChild(td10);

// agregamos el a tu segunda tabla
tabla2.appendChild(tr);

}













Acciones
Tipo
Nombre
Inicio del Curso o Taller
Culminacion del Curso del Taller
Hora
Total de Hora
Modalidad
Monto de inscripción

Mensualidad


Monto Total























Acciones
Tipo
Nombre
Inicio del Curso o Taller
Culminacion del Curso del Taller
Hora
Total de Hora
Modalidad
Monto de inscripción

Mensualidad


Monto Total