21 replies to this topic

[rodurma]

Alguém tem alguma noção de como faz o auto-completar do Yahoo! Mail ou do GMAIL?

Acho que o mais difícil é o do google suggest, pq ele deve se conectar com o servidor enquanto a gente digita e da os resultados (sugestões) como se fosse o auto-completar dos dos navegadores.

tentei isolar o código para estudar, mais não consegui.

Recentemente o PHP.net fez esse esquema tb.

Como fazer?

[]'s

Sites relacionados a esse tópico:
http://www.google.co...omplete=1&hl=en
http://mail.yahoo.com.br
http://www.gmail.com

[Without a Nick]

No caso eles usam um tipo de acesso a banco de dados (gmail, por exemplo), para pegar os recipientes.

Mas vc pode fazer assim... a medida que a pessoa for escrevendo, um layer abre, executando uma substring, que irá "filtrar" os resultados...

É um pouco trabalhoso, pois o código pode ficar meio extenso.

Na seção de PHP mesmo eu vi um tópico falando sobre isso.

[rodurma]

achei um script js muito bom. (mais ele poe as sugestoes em um array o que deixa minha aplicacao um poko grande soh por causa desse array gigante)
Mais igual ao google suggest nao...esse sim seria bom.
Mais o dificil eh fazer ele pegar os valores do banco de dados pra por no layer sem dar refresh.

E agora

[Kaled]

Eu acho que é feito usando o famigerado XMLHttpRequest, esse está na moda ... É usado para recuperar arquivos XML.

Isso alinhado ao DOM/JS é uma beleza -- ações em tempo real, bem dinâmico.

http://developer.app...xmlhttpreq.html

[]s

[Without a Nick]

Então passa ae tbm o script que vc achou

[rodurma]

Achei neste site
http://www.codeproject.com/

coloquei o arquivo em anexo.

[]`s

Attached Files

•  actb.zip   61.75KB   99 downloads

Edição feita por: rodurma, 11/01/2005, 11:30.

[Kaled]

Veja aqui um exemplo bacana do que eu disse acima -- http://www.papermoun...org/demos/live/ -- http://www.forgetfoo.../search_msn.cfm




[]s

Edição feita por: Kaled, 12/01/2005, 03:27.

[rodurma]

Veja aqui um exemplo bacana do que eu disse acima -- http://www.papermoun...org/demos/live/ -- http://www.forgetfoo.../search_msn.cfm




[]s

Não entendi esses links.
Poderia explicar?

[Kaled]

Veja aqui um exemplo bacana do que eu disse acima -- http://www.papermoun...org/demos/live/ -- http://www.forgetfoo.../search_msn.cfm
[]s

Não entendi esses links.
Poderia explicar?

Não há muito o que explicar. É aquilo o que você está vendo !

Demonstrações da tecnologia usada no Google Suggest & Cia.

[]s

[rodurma]

Veja aqui um exemplo bacana do que eu disse acima -- http://www.papermoun...org/demos/live/ -- http://www.forgetfoo.../search_msn.cfm
[]s

Não entendi esses links.
Poderia explicar?

Não há muito o que explicar. É aquilo o que você está vendo !

Demonstrações da tecnologia usada no Google Suggest & Cia.

[]s

Kaled, valeu ai pela ajuda,
segui o link peguei o fonte daquela primeira página.
neste link http://www.papermoun...org/demos/live/ (foi o que peguei)
não vi onde o arquivo XML entra.
No site da apple tem um arquivo XML e até modifiquei algumas coisas mais o link que vc passou é o que quero implementar em meu site.

Só que tenho uma dúvida: não consegui achar o XML da aplicação pra ver a estrutura para gerar o meu arquivo XML.

No exemplo tem uma função que é chamada pra gerar uma lista...o código html é esse:

<FORM action=/demos/live/@tqAKNlqiHtNYxWUF/ORWoGtYl method=post><INPUT id=id-1 
name=0>
<DIV class=autocomplete id=id-2>
<UL></UL></DIV>
<script type=text/javascript>autocomplete('id-1', 'id-2', '/demos/live/@wQTpwXrYgFVevatC')</SCRIPT>

Nesta parte :

autocomplete('id-1', 'id-2', '/demos/live/@wQTpwXrYgFVevatC')

Tem na função o id do campo de texto do formulário, o id da div que vai me gerar a lista (<UL></UL>) e depois vem demos/live/@wQTpwXrYgFVevatC ...então isso é um arquivo XML? Ou ele gera o xml dinamicamente?

Vc sabe como é a estrutura desse XML?

[]'s

Foi malz por tantas perguntas.
Mais se der pra ajudar

[Kaled]

Infelizmente eu não sei como foi feito. Os scripts estão aí, só basta entendê-los.

Talvez você possa entrar em contanto com o desenvolvedor e pedir maiores informações sobre o sistema.

[]s

[rodurma]

vou ver o código javascript mais a fundo e mandarei um emai pro cara que fez ele, mais vamos ver se ele responde.
Vou comentar o script e se tiver sucesso postarei aqui.
valeu ai pela ajuda.
[]`s

[rodurma]

ta dificil,
Alguém poderia me ajudar a descobrir a estrutura do arquivo XML usado pelo script do site http://www.papermoun...org/demos/live/ ?

[]'s

[felipecm]

ta dificil,
Alguém poderia me ajudar a descobrir a estrutura do arquivo XML usado pelo script do site http://www.papermoun...org/demos/live/ ?

[]'s

Nesta parte :

CODE 

autocomplete('id-1', 'id-2', '/demos/live/@wQTpwXrYgFVevatC')



Tem na função o id do campo de texto do formulário, o id da div que vai me gerar a lista (<UL></UL>) e depois vem demos/live/@wQTpwXrYgFVevatC ...então isso é um arquivo XML? Ou ele gera o xml dinamicamente?

Vc sabe como é a estrutura desse XML?

Bom, o XMLHttpRequest recupera valores de uma pagina (aprendi a usar ele no ASP pra retornar um valor de uma cotação no Bovespa). Acredito eu que o arquivo em destaque não seja XML, mas sim um arquivo com valores, vi que ele é gerado dinamicamente, mas vc pode conferir os valores. O unico problema fica para descubrir como foi feito o nome do arquivo.. de resto tente algo como:

/demos/live/ARQUIVO?s=CONSULTA

Referente a isso, Arquivo é a parte encriptada que vc possui ela é diferente (pelo menos da minha). Consulta é o valor de retorno, se vc digitar a ele vem tudo com a e por ai vai.

O que vc vai precisar é nada mais que uma lista de valores e o codigo para o tal do auto-completar. O codigo do script está no anexo.

PS: Estou repassando pois temos uso livre do codigo:

// autocomplete and related changes
// Copyright 2004 Leslie A. Hensley
// hensleyl@papermountain.org
// you have a license to do what ever you like with this code
// orginally from Avai Bryant
// http://www.cincomsma...ntry=3268075684

Attached Files

•  liveUpdater.js   6.3KB   20 downloads

Edição feita por: felipecm, 13/01/2005, 20:01.

[rodurma]

Ae pessoal, mandei o email como havia falado e a resposta foi essa:

The contents of the uri should be an xhtml document that contains a div
with an id equal to the popupId that the autocomplete function was
called with.  The div should contain an unordered list of the choices.
For example if the original document looks like this:

<form>
<input type="text" id="entry"/>
<div id="popup">
<ul>
</ul>
</div>

The call to autocomplete should look like:

autocomplete('entry', 'popup', 'http://shomehost/somescript')

And the result returned by somescript should look like:

<div id="popup">
<ul>
  <li>approval</li>
  <li>approvals</li>
  <li>approve</li>
</ul>
</div>

Also you may be interested to know that liveupdater.js is under active
development as part of the lakeshore project ( http://lakeshore.sf.net
) and you can see the current version of liveupdater.js at
http://cvs.sourcefor....js?view=markup
.

Please let me know how it works out for you and if the web site you
are using it on is public ally accessible I would love to have a link
to it.

Good luck!

Leslie Hensley

Me parece que o código gera um xml dinâmico mesmo como o felipecm disse,
acho que o que gera isso é na linguagem java.

Agora pra gerar o xml dinâmico, o navegador tem que enviar o que a pessoa está digitando.

Se alguêm conseguir me dizer como implementar isso, ou conseguir algum sucesso ao testa-lo, por favor post aqui.

[]'s