Jump to content
Fórum Script Brasil
  • 0

Detalhe Do Google Suggest (usando As Setas)


baalzamon
 Share

Question

Boa noite caros amigos!

Venho novamente com uma duvida que provavelmente é simples de se resolver mas não consigo passar pros codigos...

Usem como referencia o famigerado google suggest:

http://www.google.com/webhp?complete=1&hl=em

Bem... eu desenvolvi algo parecido para o sistema da empresa na qual trabalho, porém com a funcionalidade de busca de cadastros!

O ajax está funcionando normalmente, enfim, tudo está funcionando muito bem mas me vi encubido de resolver um detalhe que faz com que os usuários utilizem esse recurso com maior agilidade, ou seja, não utilizando o mouse...

Se vocês fizerem uma busca no google suggest, vocês notarao que podem selecionar o resultado usando as setinhas do teclado (arrow keys), pois bem... o que eu desenvolvi só é selecionavel atraves do mouse...

Gostaria de saber se alguém sabe como posso fazer com que atraves das setas do teclado eu possa correr entre os resultados!

Obrigado!

Link to comment
Share on other sites

2 answers to this question

Recommended Posts

  • 0

Certo...

Tenho a função que processa o ajax

function sug(cont){

   url = "asn.sug.ajx"; //utilizo uma linguagem compilada que independe da extesão
    param = "que="+cont;

   var ajax = objXmlHttpReq(); // funcao criada por mim
   ajax.open("POST",url,true);
   ajax.onreadystatechange == function(){
                                                     if(ajax.readyState == '4' and ajax.status == '200'){
                                                         processaSug(ajax.responseText);
                                                      }
                                                  }

   ajax.send(param);
ajax.reponseText me retornara algo assim:
var resultado = new Array('Nome1','Nome2','Nome3','NomeN');
Ou seja, ele trara um array de N posições montado pela programação... e temos a função que monta tudo:
function processaSug(result){
eval(result);

document.getElementById('SUG').style.innerHTML = '';
if(resultado.length > 0){
  var conteudo = '';
  for(var i=0;i<resultado.length;i++)
    conteudo += '<div>'+resultado[i]+'</div>';
  document.getElementById('SUG').style.visibility = 'visible';
  document.getElementById('SUG').style.innerHTML = conteudo;
}
}

Preciso apenas implementar a parte que anda pelos resultados com a seta =D

Valeu mestre!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share



  • Forum Statistics

    • Total Topics
      150.2k
    • Total Posts
      647.5k
×
×
  • Create New...