none
a href - event.preventDefault() não funciona RRS feed

  • Pergunta

  • Tecnologia asp.net mvc5

    Bom dia gostaria de uma ajuda no meu codigo
    O problema é que quando eu clico no botao plus.png eu quero que o mesmo não feche a tela e deixe inserir outro novamente
    Quero ajuda para encontrar o erro.


    No index abro um modal com esse codigo

    <div class="modal fade" id="divModal" style="width: 54%; height: 426px; margin-left:-6%;">
     </div>
    
    <div id="nav-bar">
        <div class="barSubTitleJornada">
            <h5 class="tituloContent">Cadastrar</h5>
            <span class="fl padtop10">            
                @Ajax.ImageActionLink("/Content/img/icoAdd.png", "Novo", "Create", new
                {                
                    Controller = "Motorista",
                    id_Jornada = ViewBag.id_Motorista,
                }, null, new
                {
                    data_toggle = "modal",
                    data_target = "#divModal",
                })
    
            </span>
        </div>
    </div>
    e tenho o script 

    <script type="text/javascript">
        function trataBotao() {
            alert("teste");
            document.getElementById('FormCreate').submit();
            event.preventDefault();     
        }
    </script>

    o index.cshtml carrega a pagina(modal) create.cshtml que tem essa linha de codigo

     <a href="#" onclick="trataBotao()"><img src="../Content/img/button/plus.png" width="32" height="32" /> </a>


    PS: ja tetei colocar onclick="trataBotao(); return false" e não deu certo

    • Editado RodrigoRRCH terça-feira, 24 de junho de 2014 14:18
    terça-feira, 24 de junho de 2014 12:39

Respostas

Todas as Respostas

  • Rodrigo, bom dia.

    Tente essa alteração no seu link:

    <a href="javascript:void(0)" onclick="trataBotao()">

    Poste seus resultados ;)

    Abraços !


    Diego Murakami View Diego Murakami's LinkedIn profile - MCP, MS, MCSD
    * Por favor "Marcar como Resposta" caso esta for útil para sua dúvida.

    terça-feira, 24 de junho de 2014 13:40
  • Bom dia Diego,

    Fiz a alteração mas continua a mesma coisa. 

    Ele faz o submit e fecha a tela create voltando para a tela index. 

    Estou tentando fazer com que de o submit sem fechar a tela.

    Acho que estou errando em algum detalhe.... E pior que acho que é algo simples que to patinando.

    Muito obrigado ^^

    terça-feira, 24 de junho de 2014 14:01
  • Ah, entendi.

    Nesse caso é normal que aconteça isso já que você está dando submit no seu form.

    document.getElementById('FormCreate').submit();

    O ideal seria você detalhar melhor o que você precisa que a função trataBotao faça para que possamos te ajudar da melhor forma.

    Abraços !


    Diego Murakami View Diego Murakami's LinkedIn profile - MCP, MS, MCSD
    * Por favor "Marcar como Resposta" caso esta for útil para sua dúvida.

    terça-feira, 24 de junho de 2014 14:27
  • Diego venho aqui te agradecer pela ajuda

    Era "juvenice" minha

    Fiz um post via ajax e resolveu o meu problema

    Obrigadão

    quarta-feira, 25 de junho de 2014 17:13