Ir para conteúdo
Fórum Script Brasil
  • 0

Não consigo esconder os campos criados dinamicamente


Martinsrj

Pergunta

Olá pessoal, boa tarde!

Possuo uma função que no evento onclik é disparado essa função (verificaChecked(obj)), onde tem a finalidade de criar dinamicamente um campo label e um input text. Está sendo criado normalmente, porem não estou conseguindo esconde-los.

A minha função é essa:

function verificaChecked(obj){
    var var_Incremento = obj.getAttribute("id").substring(12);
    //alert(var_Incremento);
    var varCheckbox = document.getElementById('checkCliente' + var_Incremento).checked;
    //var var_Incremento = obj.getAttribute("id").substring(9);
         
    if (varCheckbox) { 
        //alert("Marcado a opção Cliente!"); 
        var tbl = document.getElementById('AtChamado');
        var lastRow = tbl.rows.length -1;
        var iteration = lastRow;
        var row = tbl.insertRow(lastRow);
        
        var cellRightSel = row.insertCell(0);
        
        var textNChamado = document.createTextNode("N° do Chamado");
        var labelNChamado = document.createElement("label");
        
        labelNChamado.id = 'textNChamado' + var_Incremento;
        
        var quebraDesc = document.createElement('BR');
        var el = document.createElement('input');
        var quebra = document.createElement('BR');
        el.type = 'text';
        el.name = 'textNChamado' + var_Incremento;
        el.id = 'textNChamado' + var_Incremento;
        el.size = 20;
        
        labelNChamado.appendChild(textNChamado); 
        cellRightSel.appendChild(labelNChamado); 
        cellRightSel.appendChild(quebraDesc);
        cellRightSel.appendChild(el);
        cellRightSel.appendChild(quebra);        
        
        return false;  
        
    } else {
                
        var tbl = document.getElementById('AtChamado');
          var lastRow = tbl.rows.length -1;
        alert("LASTROW: " + lastRow);
        //if (lastRow > 13) {
          //tbl.deleteRow(lastRow - 1);
        if (lastRow = 15) {
          tbl.deleteRow(lastRow - 1);
        //alert("Dentro do If");            
    }
    
    //alert(document.form.checkCliente0.checked) 
} 
}

Desde já agradeço pela ajuda.

O meu código completo está no site Pastebin:

http://pastebin.com/HnHBdH81

Link para o comentário
Compartilhar em outros sites

2 respostass a esta questão

Posts Recomendados

  • 0

Ok. Andreia, irei realizar o teste nesta segunda no trabalho.

Para ocultar objetos voce pode usar:

document.getElementById("nome_do_objeto").style.display = "none"; //para ocultar
document.getElementById("nome_do_objeto").style.display = "block"; //para exibir
Consegui fazer da forma abaixo:
function verificaChecked(obj){
    var var_Incremento = obj.getAttribute("id").substring(12);
    //alert("Select: " + var_Incremento);
    var varDivCheckbox = document.getElementById('divTpTrajeto' + var_Incremento);        
    
    var varLabel = document.getElementById('txtDesc' + var_Incremento);
    
    var varCheckbox = document.getElementById('checkCliente' + var_Incremento).checked;
    
    if (varCheckbox) {
        var textChamadoOrigem = document.createTextNode("Chamado Origem");
        var fontChamOrigem = document.createElement("label");
        fontChamOrigem.id = 'lbChamadoOrigem' + var_Incremento;
            
        fontChamOrigem.appendChild(textChamadoOrigem);        
        
        var elChamadoOrigem = document.createElement('input');
        var quebraCheck = document.createElement('BR');
        elChamadoOrigem.type = 'text';
        //elChamadoOrigem.name = 'textChamadoOrigem' + var_txtCont.value;
        elChamadoOrigem.name = 'textChamadoOrigem' + var_Incremento;
        elChamadoOrigem.id = 'textChamadoOrigem' + var_Incremento; 
        var quebraChamadoOrigem = document.createElement('BR');
        

        varDivCheckbox.appendChild(fontChamOrigem);
        varDivCheckbox.appendChild(quebraCheck);
        varDivCheckbox.appendChild(elChamadoOrigem);
        varDivCheckbox.appendChild(quebraChamadoOrigem);
            
         
    }else{

        //alert("Teste Falso");
        var varLbChamadoOrigem = document.getElementById('lbChamadoOrigem' + var_Incremento);
        var varTxtChamadoOrigem = document.getElementById('textChamadoOrigem' + var_Incremento);
        var varBR = varDivCheckbox.getElementsByTagName("BR");
        
        
        varDivCheckbox.removeChild(varLbChamadoOrigem);
        varDivCheckbox.removeChild(varBR[2]);
        varDivCheckbox.removeChild(varTxtChamadoOrigem);
        varDivCheckbox.removeChild(varBR[3]);
        //varDivCheckbox.removeChild(quebraChamadoOrigem);
  
    }  

}

Editado por Martinsrj
Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,1k
    • Posts
      651,8k
×
×
  • Criar Novo...