0

Tenho uma página em que estou dando refresh com ajax apenas na div conteúdo. Ela está configurada assim:

div1: Carrego 2 selects onde o usuário escolherá estes 2 dados (classe e bimestre)

div 2: Carrego o menu da aplicação (menu.php) fim da div 2

div id="conteudo": Carrego a página que lê os 2 selects e carrega a página php correspondente, de acordo com o item escolhido no menu na div2 fim da div id="conteudo"

Na página principal, onde tenho todas estas divs, uso a função maskMoney do jquery para mascarar meus inputs somente como números decimais. Quando coloco um input dentro das divs superiores (1 e 2) o maskMoney funciona perfeitamente. Quando um input é carregado pelo ajax dentro da div conteudo, o maskMoney não funciona.

Alguém poderia me ajudar a entender porque isso ocorre e como resolver?

1
  • coloque seu código para que os usuários do fórum possam te ajudar da melhor forma
    – Victor
    Commented 14/11/2017 às 18:50

1 Resposta 1

0

Olá, Regina Aparentemente só está funcionando nas div's que não usam ajax porque você deve ter utilizado o comando de estilização do jquery Mask no momento em que sua página carrega. Sendo necessário agora reexecutar a função do plugin

Tente adicionar o código que aplica a máscara no componente de novo no momento em que recebe o retorno da consulta ajax, isso deve resolver seu problema.

Editado:

Código:

function AlteraConteudo() {
    var ajax = AjaxF();
    ajax.onreadystatechange = function() {
        if(ajax.readyState == 4) {
            document.getElementById('conteudo').innerHTML = ajax.responseText;
            //Aqui você executa os comandos do plugin novamente
        }
    };
    dados = "classe=" + document.getElementById('classes').value + "&bimestre=" + document.getElementById('bimestre').value + "&ano=" + document.getElementById('ano').value + "&tipo=" +document.getElementById('tipo').value;
    var pagina = document.getElementById('pagina').value;
    ajax.open("GET", pagina + dados, false);
    ajax.setRequestHeader("Content-Type", "text/html");
    ajax.send();
}

Att

Bruno Miquelotto

9
  • Entendi a lógica Bruno. faz todo sentido e deve ser isso mesmo. A função da máscara é rodada no $(document).ready(function(){, que acho que siginifica o completo carregamento da página, não é? Agora vem a dúvida, já que não entendo nada de ajax, como fazer o que vc falou de adicionar o código no carregamento da consulta ajax? Commented 14/11/2017 às 18:52
  • Poste o seu código ajax aqui pra gente ver Commented 14/11/2017 às 18:59
  • // Função que verifica se o navegador tem suporte AJAX function AjaxF() { var ajax; try { ajax = new XMLHttpRequest(); } catch(e) { try { ajax = new ActiveXObject("Msxml2.XMLHTTP"); } catch(e) { try { ajax = new ActiveXObject("Microsoft.XMLHTTP"); } catch(e) { alert("Seu browser não da suporte à AJAX!"); return false; } } } return ajax; } // Commented 14/11/2017 às 19:00
  • Me desculpe, mas não sei mexer direito aqui. O código ficou muito ruim de olhar? Não achei como anexar um arquivo aqui no post Commented 14/11/2017 às 19:01
  • O trecho de código é apenas esse ? Porque esse código não faz a requisição, apenas verifica se o navegado suporta ajax Commented 14/11/2017 às 19:04

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 .