HAHAHAHAHA MEU IRMÃO!!
depois dessa tu vai ter q me arrumar um trampo em paris!!
xD
eu tinha conseguindo só com BD..ai eu fui tentando aqui e até q saiu!!
xD
lembrando que a unica parte q alterei e criei foi o busca.php..o resto é do cara do link!!
vc vai criar o arquivo teste.php:
<style>
.completeaqui,div#completando{
width:300px;
}
</style>
<script>
window.onload=function() {
ac_registraJSON(document.forms[0],"q","busca.php?q=")
}
</script>
<link rel="stylesheet" href="autocompletar.css" />
<script src="events.js"></script>
<script src="xmlhttp.js"></script>
<script src="autocompletar.js"></script>
<form id="busca" class="autocompletar" action="teste.php">
<input name="q" class="completeaqui" autocomplete="off">
<div style="display: none;" id="completando"></div>
<input value="Procurar" type="submit">
</form>
não fiz mais nada do que adicionar os includes do nego lá e pegar o mesmo form!!
vc viu q tem alguns includes né?
vamos à eles:
autocompletar.css
form.autocompletar{
position:relative;
top:0;
left:0;
}
div#completando{
position:absolute;
top:1.5em;
left:0px;
background:white;
}
div#completando ul{
margin:0 1px;padding:0;
border:1px solid black;
list-style:none;
}
div#completando li{display:inline}
div#completando a{
display:block;
padding:1px 5px;
}
div#completando a:hover,div#completando li.selecionado a{
background:blue;
color:white;
}
events.js
/*
Tratamento de eventos crossbrowser
Baseado em http://simon.incutio.com/archive/2003/11/06/easytoggle
Elcio Ferreira - 2004 - http://elcio.locaweb.com.br
*/
function addEvent(obj, evType, fn){
if(obj.addEventListener)obj.addEventListener(evTyp e,fn,true)
if(obj.attachEvent)obj.attachEvent("on"+evType,fn)
}
function getSource(e){
if(typeof e=='undefined')var e=window.event;
var source=typeof e.target!='undefined'?e.target:typeof e.srcElement!='undefined'?e.srcElement:true
if(source.nodeType == 3)source=source.parentNode;
return source
}
xmlhttp.js
try{
xmlhttp = new XMLHttpRequest();
}catch(ee){
try{
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){
try{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}catch(E){
xmlhttp = false;
}
}
}
autocompletar.js
//Variáveis Globais
ac_idx=0
ac_old=""
ac_showing=false
//Registra o autocompletar
function ac_registra(formulario,inputname,funcao){
ac_campo=formulario.elements[inputname]
addEvent(ac_campo, "keyup", ac_up)
addEvent(ac_campo, "keypress", ac_mudou)
addEvent(ac_campo, "focus", ac_focus)
addEvent(ac_campo, "blur", ac_blur)
ac_pegaLista=funcao
}
//Registra o autocompletar com um endereço Ajax/JSON
function ac_registraJSON(formulario,inputname,endereco){
ac_JSON=endereco
ac_registra(formulario,inputname,ac_getJSON)
}
//Função para obter o JSON
function ac_getJSON(t,func){
ac_f=func
xmlhttp.open("GET", ac_JSON+escape(t),true);
xmlhttp.onreadystatechange=function() {
if (xmlhttp.readyState==4)
ac_f(eval(xmlhttp.responseText))
}
xmlhttp.send(null)
}
//Monta a lista a partir de um Array
function ac_fazLista(t){
ac_Lista=t
var ret="<ul>"
for(var i=0;i<ac_Lista.length;i++)
ret+="<li"+(i==ac_idx?' class="selecionado"':'')+
"><a href='javascript:ac_completa("+i+")'>"+
ac_getHTML(ac_Lista[i])+"</a></li>"
ret+="</ul>"
document.getElementById("completando").innerHTML=ret
}
//Obtém o texto do item da lista
function ac_getText(i){return typeof(i)=="string"?i:i[1]}
//Obtém o HMTL do item da lista
function ac_getHTML(i){return typeof(i)=="string"?i:i[0]}
//Atualiza a lista de acordo com o conteúdo do campo
function ac_mudado(){
ac_texto=ac_campo.value
if(ac_old!=ac_texto)ac_idx=0
ac_old=ac_texto
setTimeout('ac_pegaLista(ac_texto,ac_fazLista)',10 0)
}
//Esconde a lista
function ac_some(){
ac_showing=false
try{document.getElementById("completando").style.display="none"}catch(e){}
}
//Mostra a lista
function ac_aparece(){
ac_showing=true
try{
document.getElementById("completando").style.display="block"
}catch(E){
var d = document.createElement("div");
d.setAttribute("id","completando")
ac_campo.parentNode.appendChild(d)
}
}
//Clique no completar
function ac_completa(l){
try{
ac_texto=ac_campo.value=ac_Lista[l]
ac_campo.focus()
setTimeout('ac_aparece()',110)
ac_mudado()
}catch(e){}
}
//Controla o índice do item selecionado
function ac_chItem(kCode){
ac_idx+=kCode-39
if(ac_idx<0)ac_idx=ac_Lista.length-1
if(ac_idx>ac_Lista.length-1)ac_idx=0
ac_mudado()
}
/* Eventos no textbox: */
//KeyPress
function ac_mudou(e){
if(e.keyCode==40 || e.keyCode==38 || e.keyCode==13){
if(e.keyCode!=13){
if(!ac_showing)ac_aparece()
ac_chItem(e.keyCode)
}else{
if(ac_Lista[ac_idx]==ac_campo.value || ac_Lista.length==0)return true
if(ac_showing)ac_completa(ac_idx)
else return true
}
if(e.preventDefault)e.preventDefault()
return false
}
if(e.keyCode==27)ac_some()
setTimeout('ac_mudado()',1)
}
//Tratando eventos no IE bugado
function ac_up(e){
if(typeof e.target=="undefined" && (e.keyCode==40 || e.keyCode==38 || e.keyCode==8))ac_mudou(e)
}
//Focus
function ac_focus(e){
ac_aparece()
ac_mudado()
}
//Blur
function ac_blur(e){setTimeout('ac_some()',100)}
Bom..ai faltou uma página que ele não tinha colocado..só deu o norte..porém como eu já tinha fuçado com Ajax eu sabia como fazer!!
busca.php
<?php
$arq = fopen('teste.CSV', 'r');
//Definindo o I para começar um vetor na mensagens!!
$i=0;
//Pega o Estado
$q = $_GET['q'];
if($q) {
//Lê ele
//feof testa para ver se chegou no fim do arquivo por ponteiros!
while(!feof($arq)) {
//fgets retorna a linha ande o ponteiro está
$linha = fgets($arq);
//Constroi o array
//Aqui vamos ver a definir as colunas do array
$qnt_col = explode(';',$linha);
//Quantidade máxima de linhas!
if(count($qnt_col)>$max)
$max = count($qnt_col);
for($y=0;$y<count($qnt_col);$y++)
//gravando
//criando uma matriz
if(eregi($q,$qnt_col[$y]))
if($qnt_col[$y] <> '') {
$q = explode('<br />', nl2br($qnt_col[$y]));
if($q[0])
if($var)
$var .= ', ';
$var .= "'".$q[0]."'";
}
//incrementando o I
$i++;
};
//Fecha o arquivo
fclose($arq);
$var = "[".$var."]";
} else
$var = "['Nenhuma palavra encontrada!']";
echo $var;
?>
no caso eu misturei o código que tinha te passado com um código de incrmentar variavel e mostrar ela!!
ou seja..essa página vai fzer o seguinte:
vamos supor q vc escreu E lá!!
a página teste.php vai falar q a variável Q=E e na busca.php ele vai pegar do arquivos teste.csv todas as linhas q começa com E e retornar ela assim:
['Eric','Elias','Eliana']
com isso o campo vai pegar todas!!
bom...fiz a busca com eregi...expressão regular..porém ficou bem ruinzinha e só pesquisou a primeira letra..vou ver se melhoro isso pra ti!!
aqui funcionou!!
xD
qualquer coisa posta ai!!