Tenho esse script funcionando corretamente em meu sistema :
//Função que adiciona os campos;
function adicionaCampoServidor(link) {
if (qtdeCamposServidor <= totalCampoServidor) {
hidden1 = document.getElementById("hidden1");
//Criando uma variável que armazenará as informações da linha que será criada.
//Os campos estão sendo colocados no interior de uma div, pois a linha contém muitos elementos;
//Basta excluir a div, para excluir todos os elementos da linha;
//Capturando a div principal, na qual os novos divs serão inseridos:
/*TESTANDO NOVO MÉTODO PARA INSERIR ELEMENTOS*///FUNCIONOU!!!
var objPai = document.getElementById("servidores");
// //Criando o elemento DIV;
var objFilho = document.createElement("div");
//Definindo atributos ao objFilho:
objFilho.setAttribute("id","linhaS"+contadorServidor);
//Inserindo o elemento no pai:
objPai.appendChild(objFilho);
//objPai.appendChild(objFilho);
document.getElementById("linhaS"+contadorServidor).innerHTML = "<label for='servidor' class='form'>Servidor : </label><input class='form' type='text' id='servidor"+contadorServidor+"' name='servidor"+contadorServidor+"'></input><input class='form' type='hidden' id='servidor_id"+contadorServidor+"' name='servidor_id"+contadorServidor+"'></input><input class='botao' type='button' value='Escolher' onClick=openpopupadaptada('/"+link+"','popup','menubar=0,location=0,scrollbars=YES,resizable,width=980,height=540',0,contadorServidor)></input><a href='#' onClick='removeCampo(\"linhaS"+contadorServidor+"\",\"servidores\",\"servidor\")'><img class='botao' src='./imagens/Excluir.gif' title='Excluir Campo'></a><br><br><br><label class=\"form\" for=\"telefone\">Telefone :</label><input type=\"text\" class=\"form\" id='telefoneServidor"+contadorServidor+"' name='telefoneServidor"+contadorServidor+"' OnKeyUp='mascaraGenerica(this, \"## ####-#### /## ####-####\");' OnKeyPress='return SomenteNumero(event);' ></input><small> (Apenas digite no formato : ## #### ####) <br><br><label class=\"form\" for=\"observacao\">Observação :</label><textarea class=\"form\" id='observacaoServidor"+contadorServidor+"' name='observacaoServidor"+contadorServidor+"'></textarea><br><br><br> ";
//document.getElementById("linhaS"+contadorServidor).innerHTML = "<label for='servidor' class='form'>Servidor : </label><input class='form' type='text' id='servidor"+contadorServidor+"' name='servidor"+contadorServidor+"'></input><input class='form' type='hidden' id='servidor_id"+contadorServidor+"' name='servidor_id"+contadorServidor+"'></input><input class='botao' type='button' value='Escolher' onClick=openpopupadaptada('/"+link+"','popup','menubar=0,location=0,scrollbars=YES,resizable,width=980,height=540',0,contadorServidor)></input><a href='#' onClick='removeCampo(\"linhaS"+contadorServidor+"\",\"servidores\",\"servidor\")'><img class='botao' src='./imagens/Excluir.gif' title='Excluir Campo'></a><br><br><br><label class=\"form\" for=\"telefone\">Telefone :</label><input type=\"text\" class=\"form\" id='telefoneServidor"+contadorServidor+"' name='telefoneServidor"+contadorServidor+"' OnKeyUp='mascaraGenerica(this, \"## ####-#### /## ####-####\");' OnKeyPress='return SomenteNumero(event);' ></input><small> (Apenas digite no formato : ## #### ####) <br><br><label class=\"form\" for=\"observacao\">Observação :</label><textarea class=\"form\" id='observacaoServidor"+contadorServidor+"' name='observacaoServidor"+contadorServidor+"'></textarea><br><br><br> ";
/*FIMTESTE*/
//Escrevendo no hidden os ids que serão passados via POST;
//No código ASP ou PHP, você poderá pegar esses valores com um split, por exemplo;
if (hidden1.value == "") {
document.getElementById("hidden1").value = contadorServidor;
}else{
document.getElementById("hidden1").value += ","+contadorServidor;
}
contadorServidor++;
qtdeCamposServidor++;
document.getElementById("qtdServidores").value = (contadorServidor);
}
}
A minha dúvida é, neste script os campos são inseridos um abaixo do outro só que estava precisando que os campos fossem inseridos um acima do outro, ou seja, ao adicionar um campo, ele seria colocado acima do campo anteriormente adicionado. Alguém já conseguiu fazer isso ? Podem me dar alguma dica/ajuda ?
Obrigado,
Att.