0

Bom dia galera da stack overflow. Eu estou passando por um problema estranho, nem sei como o descrever.

Basicamente tenho as 2 telas a baixo inserir a descrição da imagem aqui

inserir a descrição da imagem aqui

Eu estou criando um form, onde vai ser necessário cadastrar e editar no mesmo. Então minha ideia foi criar 3 botões, um para editar, ou para cadastrar e outro para cancelar.

<div class="col-md-12">
        <a href="javascript:;" id="EdicaoLocalidade" class="btn green EditarLocalidade">Editar Localidade</a>
        <a href="javascript:;" id="CadastrarLocalidade" class="btn green CadastrarLocalidade">Cadastrar Localidade</a>
        <a href="javascript:;" class="btn default Cancelar">Cancelar</a>                            </div>

A ideia é, quando apertar o botão Nova Localidade, é fazer com que o botão Editar desaparecesse, assim ficando apenas o Cadastrar e Cancelar.

inserir a descrição da imagem aqui

$('.page-toolbar a').click(function() {
            inicNovaLocalidade();
            $('.portlet.NovaLocalidade').slideDown();
            $(this).addClass('disabled');
            $(".EditarLocalidade").css("display","none");

        });

A mesma ideia seria para o editar, quando clica na caneta, ao lado dos dados, ou seja, para editar.

inserir a descrição da imagem aqui

$(".Editar").on('click', function () {
            $('.portlet.NovaLocalidade').slideDown();
            $(".CadastrarLocalidade").css("display","none");

        })

O problema bizarro, é quando eu aperto primeiro o Editar, o botão cancelar não funciona de jeito nenhum, porém se eu aperto o Nova Localidade, o cancelar, funciona certinho, para ambos os casos.

A minha ideia, é que quando apertasse o cancelar, alem de dar o slide down, ia desfazer o efeito de oculto do botão.

//evento click do cancelar
$('#CadastroLocalidade a.Cancelar').click(function() {
    //teste para o botão cadastrar localidade
    var editLocalidade = document.getElementById("EdicaoLocalidade");
    var cadLocalidade = document.getElementById("CadastrarLocalidade");

    if(editLocalidade.style.display != 'none'){
        $('.portlet.NovaLocalidade').slideUp();
        $('.page-toolbar a').removeClass('disabled');
        $(".EditarLocalidade").css("display","inline-block");
    }


});

ATUALIZANDO

Quando clico nesse botão aqui, que o cancelar não funciona... de forma alguma, esse o erro

inserir a descrição da imagem aqui

6
  • O que você deseja fazer é isso? jsfiddle.net/mapquintal/fwx9qw1y 25/01/2017 às 12:20
  • Não, preciso que quando clique naquela seta do editar, funcione o cancelar por exemplo... e não estou entendo o motivo que não funciona 25/01/2017 às 12:32
  • 1
    tá chamando $(".Editar").on('click', function () { em vez de $(".EditarLocalidade").on('click', function () { 25/01/2017 às 12:43
  • Mas isso ta certo, só o cancelar que não funciona, quando clico no botão para Editar 25/01/2017 às 12:58
  • Não consigo entender o erro 25/01/2017 às 13:31

2 Respostas 2

0

Nessa Função, ao clicar em cadastrar é realizado um hide no botão de editar e vice-versa. Clicando em cancelar, é exibido novamente todos os botões.

$("#operacao").on('click','a', function () {
    if($(this).attr("id") == "editar"){
        $("#cadastrar").hide();
        $("#editar").show();
    }else if($(this).attr("id") == "cadastrar"){
    	$("#cadastrar").show();
        $("#editar").hide();
    }else{
    	$("#cadastrar").show();
        $("#editar").show();
    }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="operacao">
    <a href="#?" id="editar">Editar</a>
    </br>
    <a href="#?" id="cadastrar">Cadastrar</a>
    </br>
    <a href="#?" id="cancelar">Cancelar</a> 
</div>

0
$('#CadastroLocalidade a.Cancelar').click(function() {

O ID do elemento está errado #CadastroLocalidade deveria ser #CadastrarLocalidade

10
  • Com o cadastrar funciona, isso que não entendo 25/01/2017 às 16:14
  • @Gabrielfalieri pq 'CadastroLocalidade' não existe como id de um elemento.
    – Matheus
    25/01/2017 às 16:17
  • O nome está errado, mude CadastroLocalidade para CadastrarLocalidade Está faltando o R do Cadastra'R' 25/01/2017 às 16:32
  • what?? Vocês entenderam o que está acontecendo? 25/01/2017 às 16:32
  • 1
    Vamos continuar esta discussão no chat. 25/01/2017 às 17:23

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .