function novaDiv(idFieldSet, idCamposDet){
//idCamposDet teria o formato label1~id1#label2~id2#label3~id3 ...
nCont++;
fTudoDetalhe(); //função que retrai todas as divs
var container = document.querySelector("#divMaster"); //div que envolve o componente com todas as divs dentro
var divCaixa = document.createElement("DIV");
divCaixa.className = "col-md-12";
divCaixa.id = "divCaixa" + nCont;
$(divCaixa).css({"border" : "1px solid", "margin" : "10px"});
var divResume = document.createElement("DIV");
divResume.className = "col-md-12 divResume";
divResume.id = "resume" + nCont;
$(divResume).css({"min-height":"100px","display":"none","position" : "relative", "border":"1px solid red"});
//será necessário verificar como colocaremos os campos passados por parâmetro no "resumo" da div e ainda acrescentar o id da div caixa que envolve a div resume e a div form
// então se for passado um campo com id txtNome, trocaremos para "txtNome_divCaixa" + nCont por exemplo.
var divBtn = document.createElement("DIV");
divBtn.className = "col-md-12 text-center";
divBtn.innerHTML = '<button type="button" id="btnD' + nCont + '" class="btn btn-default btn-xs btn-detail" onclick="fToggleForm((this.id).substr(4), \'resume\' );">exibir detalhes</button>'
$(divBtn).css({"position": "absolute","bottom": "0"});
var divFormDesp = document.createElement("DIV");
divFormDesp.className = "col-md-12 divFormDesp";
divFormDesp.id = "form-desp" + nCont;
//antes de fazer o innerHTML do fieldSet na div, deveremos trocar todos os id's dos elementos, acrescentando o id da div caixa que envolve a div resume e a div form
divFormDesp.innerHTML = document.querySelector("#"+idFieldSet).innerHTML
$(divFormDesp).css({"min-height":"100px","display":"block","position" : "relative", "border":"1px solid red"});
var divBtnDesp = document.createElement("DIV");
divBtnDesp.className = "col-md-12 text-center";
divBtnDesp.innerHTML = '<button type="button" id="btnO' + nCont + '" class="btn btn-default btn-xs btn-detail" onclick="fToggleForm((this.id).substr(4), \'form-desp\' );">ocultar detalhes</button>'
$(divBtnDesp).css({"position": "absolute","bottom": "0"});
divResume.appendChild(divBtn);
divCaixa.appendChild(divResume);
divFormDesp.appendChild(divBtnDesp);
divCaixa.appendChild(divFormDesp);
container.appendChild(divCaixa);
} |