He logrado crear mis campos dinámicamente pasando los datos obtenidos de php en un string y luego tratandola con la función js, el único problema es que los campos que estoy creando van dentro de una tabla y al agregar los td dinámicamente en la página, al parecer no son tomados en cuenta, ya que me aparecen todos los campos juntos... mejor una imagen vale más q mil palabras....
http://s2.subirimagenes.com/otros/previo/thump_3780647untitled-5.jpg
La primera línea está generada directamente en la página, y la 2da con la función js, se puede apreciar que aparecen todos los campos juntos y debiesen salir como en la primera línea
Esta es la función que genera la segunda línea...
Código Javascript
:
Ver originalfunction crearCampos(CantCod,StringID,StringCod)
{
//Se separan las cadenas cuando aparece el delimitador , y se almacena en un array
idcod = StringID.split(',');
codig = StringCod.split(',');
CantidadElementos = (FormularioInterManual.elements.length - 3);
i = CantidadElementos/13;
var div = document.getElementById("campos_dinamicos");
var td = document.createElement("td");
var espacio = document.createElement(" ");
var salto = document.createElement("P");
var ManualUT = document.createElement("<input name=\"ManualUT"+i+"\" id= \"ManualUT\" type=\"text\" disabled size=\"20\" maxlength=\"20\">");
var Buscar = document.createElement("<input type=\"button\" name=\"Buscar\" value=\"Buscar\" onClick=\"abrirVentana("+i+");\" style=\"font:\'Trebuchet MS\'; font-size:9px;border-width:1px;border-style:solid;border-color:#003366; width:64px;\">");
var HoraInicial = document.createElement("<input name=\"ManualHora_Inicial"+i+"\" type=\"text\" style=\"width:21px\" onBlur=\"ValidarHora(this,\'Hora\',1)\" onKeyPress=\"SoloNumeros(event,this,\'Hora\')\" onKeyUp=\"ValidarHora(this,\'Hora\',0)\" maxlength=\"2\">");
var MinutoInicial= document.createElement("<input name=\"ManualMinutos_Inicial"+i+"\" type=\"text\" style=\"width:21px\" onBlur=\"ValidarHora(this,\'Minutos\',1)\" onKeyPress=\"SoloNumeros(event,this,\'Minutos\')\" onKeyUp=\"ValidarHora(this,\'Minutos\',0)\" maxlength=\"2\">");
var HoraFinal = document.createElement("<input name=\"ManualConsHora_Final"+i+"\" type=\"text\" style=\"width:21px\" onBlur=\"ValidarHora(this,\'Hora\',1)\" onKeyPress=\"SoloNumeros(event,this,\'Hora\')\" onKeyUp=\"ValidarHora(this,\'Hora\',0)\" maxlength=\"2\">");
var MinutoFinal = document.createElement("<input name=\"ManualConsMinutos_Final"+i+"\" type=\"text\" style=\"width:21px\" onBlur=\"ValidarHora(this,\'Minutos\',1)\" onKeyPress=\"SoloNumeros(event,this,\'Minutos\')\" onKeyUp=\"ValidarHora(this,\'Minutos\',0)\" maxlength=\"2\">");
var CheckBox = document.createElement("<input name=\"ManualTurnoSig"+i+"\" type=\"checkbox\" value=\"checkbox\">");
var SAP = document.createElement("<input name=\"ManualSAP"+i+"\" type=\"text\" size=\"10\" maxlength=\"10\">");
var Sistema = document.createElement("<input name=\"ManualSistema"+i+"\" type=\"text\" size=\"25\" maxlength=\"30\" disabled=\"disabled\">");
var Observacion = document.createElement("<input name=\"ManualObs_Inter"+i+"\" type=\"text\" size=\"35\" maxlength=\"256\">");
var IDSistema = document.createElement("<input type=\"hidden\" name=\"IDSistema"+i+"\" value=\"\" />");
var SaltoLinea = document.createElement("<input type=\"hidden\" name=\"Salto"+i+"\" value=\"NextLine\" />");
var Codigo = document.createElement("<select name=\"Codigos"+i+"\" id=\"Codigos\" style=\"width:170px\">");
for (i=0; i < CantCod+1 ; i++)
{
Opciones = document.createElement('option');
Opciones.value = idcod[i];
Opciones.innerHTML = codig[i+1];
Codigo.appendChild(Opciones);
}
//En está parte pienso que está el error
salto.appendChild(td);
td.appendChild(ManualUT);
td.appendChild(Buscar);
td.appendChild(Codigo);
td.appendChild(HoraInicial);
td.appendChild(MinutoInicial);
td.appendChild(HoraFinal);
td.appendChild(MinutoFinal);
td.appendChild(CheckBox);
td.appendChild(SAP);
td.appendChild(Sistema);
td.appendChild(Observacion);
td.appendChild(IDSistema);
td.appendChild(SaltoLinea);
div.appendChild(salto);
}