Ver Mensaje Individual
  #8 (permalink)  
Antiguo 01/04/2011, 20:18
moscrates
 
Fecha de Ingreso: julio-2008
Mensajes: 366
Antigüedad: 15 años, 9 meses
Puntos: 7
Respuesta: Clonar Campos

Esta muy largo pero es funcional, solo lo tienen que meter en una funcion, y psarle como parametro el id de la tabla
el para metro que se llame id
Código Javascript:
Ver original
  1. var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
  2.     var row = document.createElement("TR");
  3.    
  4.     var td1 = document.createElement("TD");
  5.     td1.appendChild(document.createElement("<input type=\"text\" id=\"animal["+t+"]\" name=\"animal["+t+"]\"size=\"25\"/>"));
  6.    
  7.     var td2 = document.createElement("TD");
  8.     td2.appendChild (document.createElement("<input type=\"text\" name=\"precio["+t+"]\" id="+t+" />"));
  9.    
  10.     var td3 = document.createElement("TD");
  11.     var campo = document.createElement("<select name=\"tipo_pago["+t+"]\" id="+t+" onChange=\"activar(this)\" ></select>");
  12.    
  13.     var td4 = document.createElement("TD");
  14.     var lista = document.createElement("<select name=\"tarjeta["+t+"]\" style=\"display:none;\" id="+t+" /> </select>");
  15.    
  16.     var td6 = document.createElement("TD");
  17.     var td5 = document.createElement("TD");
  18.    
  19.     var option = document.createElement("<option value=\"N/A\"></option>");
  20.     var option2 = document.createElement("<option value=\"Efectivo\"></option>");
  21.     var option3 = document.createElement("<option value=\"Tarjeta\"></option>");
  22.    
  23.    
  24.     var texto1 = document.createTextNode("- - - - - - ");
  25.     var texto2 = document.createTextNode("Efectivo");
  26.     var texto3 = document.createTextNode("Tarjeta");
  27.    
  28.    
  29.     option.appendChild(texto1);
  30.     campo.appendChild(option);
  31.  
  32.     option2.appendChild(texto2);
  33.     campo.appendChild(option2);
  34.  
  35.     option3.appendChild(texto3);
  36.     campo.appendChild(option3);
  37.    
  38.     td3.appendChild(campo);
  39.    
  40.     var option4 = document.createElement("<option value=\"N/A\"></option>");
  41.     var option5 = document.createElement("<option value=\"Banamex\"></option>");
  42.     var option6 = document.createElement("<option value=\"Scotiabank\"></option>");
  43.        
  44.     var texto4 = document.createTextNode("- - - - - - ");
  45.     var texto5 = document.createTextNode("Banamex");
  46.     var texto6 = document.createTextNode("Scotiabank");
  47.    
  48.     option4.appendChild(texto4);
  49.     lista.appendChild(option4);
  50.  
  51.     option5.appendChild(texto5);
  52.     lista.appendChild(option5);
  53.  
  54.     option6.appendChild(texto6);
  55.     lista.appendChild(option6);
  56.    
  57.     td4.appendChild(lista);
  58.  
  59.     var que = document.getElementById('producto');
  60.     var nuevo = que.cloneNode(true);
  61.     td6.appendChild(nuevo);
  62.  
  63.  
  64.     var asesor = document.getElementById('asesor');
  65.     var nuevo_asesor = asesor.cloneNode(true);
  66.     td5.appendChild(nuevo_asesor);
  67.  
  68.     row.appendChild(td1);
  69.     row.appendChild(td6);
  70.     row.appendChild(td2);
  71.     row.appendChild(td3);
  72.     row.appendChild(td4);
  73.     row.appendChild(td5);
  74.    
  75.     tbody.appendChild(row);
  76.    
  77.     t++;