Jump to content


Photo

Criação De Campos Dinamicamente


  • Faça o login para participar
1 reply to this topic

#1 Karim Maluf

Karim Maluf

    Novato no fórum

  • Usuários
  • 1 posts
  • Sexo:Masculino
  • Localidade:Alfenas

Posted 18/07/2012, 09:36

Bom dia,

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.

#2 Eder Cuer

Eder Cuer

    Novato no fórum

  • Usuários
  • 7 posts
  • Sexo:Masculino
  • Localidade:Tupã

Posted 30/07/2012, 19:34

Eae Karim, acredito que esse problema é facilmente resolvido com css.
Você tentou algo com css?




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq