HTML Button x Ajax

Front-end
, ,
#1

Situação: Quero consultar um registro no meu banco de dados a partir de um valor digitado num campo input text ou do clique nos botões Anterior e Próximo. Quando digito o valor no campo input text tá funcionando certinho, mas quando clico nos botões Anterior e Próximo, não estou conseguindo atualizar o campo input e submeter a consulta ao meu banco de dados. O evento onclick adicionado aos botões Anterior e Próximo simplesmente não funcionam, com isto, não consigo chamar a função de atualização do valor do input text. Acredito que o problema deva estar relacionado ao uso / requisição Ajax.

 <input type="text" name="txtconcurso" id="txtconcurso" size="1">
 <input type="button" name="btnBuscar" value="Busca" onclick="getDados();">
 <input type="button" name="btnBuscar1" id="btnBuscar1" value="Anterior" onclick="pegaConcursoMenos();">
 <input type="button" name="btnBuscar2" id="btnBuscar2" value="Próximo" onclick="pegaConcursoMais();">

Função getDados - Ajax (não executa as funções pegaConcursoMenos e pegaConcursoMais de jeito nenhum)

/**

  • Função para criar um objeto XMLHTTPRequest
    */
    function CriaRequest() {
    try{
    request = new XMLHttpRequest();
    }catch (IEAtual){
    try{
    request = new ActiveXObject(“Msxml2.XMLHTTP”);
    }catch(IEAntigo){
    try{
    request = new ActiveXObject(“Microsoft.XMLHTTP”);
    }catch(falha){
    request = false;
    }
    }
    }

    if (!request)
    alert(“Seu Navegador não suporta Ajax!”);
    else
    return request;
    }

/**

  • Função para enviar os dados
    */

function getDados() {
// Declaração de Variáveis
var concurso = document.getElementById(“txtconcurso”).value;
var result = document.getElementById(“tbresultado”);
var xmlreq = CriaRequest();
xmlreq.open(“GET”, “ltx_consultor_ltm.php?txtconcurso=” + concurso, true);
xmlreq.onreadystatechange = function() {
if (xmlreq.readyState == 4) {
if (xmlreq.status == 200) {
result.innerHTML = xmlreq.responseText;
}else{
result.innerHTML = "Erro: " + xmlreq.statusText;
}
}
};
xmlreq.send(null);
}

function pegaConcursoMenos() {
var concurso = document.getElementById(“numconcurso”).value;
concurso–;
document.getElementById(“numconcurso”).value = concurso;
alert("Passei aqui na pegaConcursoMenos "+concurso);
}

function pegaConcursoMais() {
var concurso = document.getElementById(“numconcurso”).value;
concurso++;
document.getElementById(“numconcurso”).value = concurso;
alert(“Passei aqui na pegaConcursoMais”+concurso);
}

Acredito que o problema não está no PHP, que quando apresenta a página inicial já traz o registro do banco de dados que me interessa corretamente. O que quero agora é permitir que o usuário clique no botão Anterior para ir para o registro anterior e no botão Próximo para ir para o próximo registro. Não consigo implementar isto! Quando o usuário preenche o campo input e clica no botão Buscar funciona direitinho. Resumindo: A partir do registro previamente mostrado pelo sistema, quero permitir ao usuário ir para o registro anterior, próximo ou direto para aquele que ele digitar no input text. Ah, sou iniciante em PHP, Javascript, Ajax, Html e estou aprendendo “na unha”!