Ver Mensaje Individual
  #11 (permalink)  
Antiguo 05/04/2013, 10:44
jjeshuacm1
 
Fecha de Ingreso: septiembre-2012
Mensajes: 73
Antigüedad: 12 años, 3 meses
Puntos: 0
Respuesta: mover filas entre dos tablas (agregar y eliminar)

hola oscard41 ya pude solucionarlo aplique la funcion remove(), esta al final del javascript

Código Javascript:
Ver original
  1. <script type="text/javascript">
  2. function añadirFilas(id,a,b,c,d,e,f,g,h,i,j){
  3. // optenemos los valores que estan de tu primera tabla...
  4.   var valor0=id;
  5.   var valor1=a;
  6.   var valor2=b;
  7.   var valor3=c;
  8.   var valor4=d;
  9.   var valor5=e;
  10.   var valor6=f;
  11.    var valor7=g;
  12.   var valor8=h;
  13.   var valor9=i;
  14.   var valor10=j;
  15. // optenemos el id de tu segunda tabla y creamos los <tr> y <td> necesarios...
  16.   var tabla2=document.getElementById('tabla2');
  17.  
  18.   var tr1=document.createElement('tr');
  19.  
  20.    
  21.    var th0=document.createElement('th');
  22.   var td1=document.createElement('td');
  23.   var td2=document.createElement('td');
  24.   var td3=document.createElement('td');
  25.   var td4=document.createElement('td');
  26.   var td5=document.createElement('td');
  27.   var td6=document.createElement('td');
  28.   var td7=document.createElement('td');
  29.   var td8=document.createElement('td');
  30.   var td9=document.createElement('td');
  31.    var td10=document.createElement('td');
  32. //agregamos los valores de tu primera tabla a los <td> creados..
  33.  
  34.  
  35.   th0.innerHTML= '<input type="button" value="Cancelar"  onClick="remove(this,'+valor0+')" id="'+valor0+'" />';
  36.   td1.innerHTML=valor1+'<input type="hidden" value="' + valor1 + '" >';
  37.  
  38. //onClick="document.getElementById('+valor0+').style.display ="none":"block";">
  39.   td2.innerHTML=valor2;
  40.   td3.innerHTML=valor3;
  41.   td4.innerHTML=valor4;
  42.   td5.innerHTML=valor5;
  43.   td6.innerHTML=valor6;
  44.    td7.innerHTML=valor7;
  45.   td8.innerHTML=valor8;
  46.   td9.innerHTML=valor9;
  47.    td10.innerHTML=valor10;
  48.    
  49. // agregamos los <td> al <tr>..
  50.  
  51.   tr1.appendChild(th0);
  52.   tr1.appendChild(td1);
  53.   tr1.appendChild(td2);
  54.   tr1.appendChild(td3);
  55.  tr1.appendChild(td4);
  56.   tr1.appendChild(td5);
  57.   tr1.appendChild(td6);
  58.   tr1.appendChild(td7);
  59.   tr1.appendChild(td8);
  60.   tr1.appendChild(td9);
  61.    tr1.appendChild(td10);
  62.  
  63. // agregamos el <tr> a tu segunda tabla
  64.  
  65.   tabla2.appendChild(tr1);
  66.  
  67. }
  68.  
  69.  
  70.  
  71.  
  72.  
  73. </script>
  74. <script type="text/javascript">
  75. function remove(t,id)
  76.     {
  77.         var elemento= id;
  78.         var td = t.parentNode;
  79.         var tr = td.parentNode;
  80.         var table = tr.parentNode;
  81.        
  82.         table.removeChild(tr);
  83.        
  84.         document.getElementById(elemento).style.display='';
  85.  
  86.     }
  87. </script>