Criando um Sistema de Auto Completar

{ junho 27, 2008 @ 1:13 am } · { PHP }
{ Tags: , , , , , , , , , , , , } · { Deixe um comentário }

Este tutorial é bem complicado!
É bom que a pessoa tenha uma grande nossão sobre Programação!
Pois é um sistema bem complexo!

Antes de tudo é nescessário ter o AJAX!
Download: http://xajaxproject.org/download.php

O que vamos fazer?

1º Criar o arquivo (complet.php).
2º Desenvolver o JavaScript.
3º Criar o (index.php).
4º Considerações Finais.

Então mãos a Obra! :D

1º Criando o arquivo: complet.php

<?php
function autocompletar($formulario) {
// Iniciando a Classe
$objResponse = &new xajaxResponse('ISO-8859-1');
// Iniciando a Conexao
mysql_connect("localhost","root","");
mysql_select_db("autocompletar");
// Contador
$i = 0;
// Criando o SQL
$sqlBusca = "SELECT * FROM tb_produto WHERE referencia LIKE '".$formulario["referencia"]."_%' ";
// Executando o SQL
$queryBusca = mysql_query($sqlBusca);
// Quantidade de Registro
$check = mysql_num_rows($queryBusca);
// Verificando se é diferente de Nulo
if($formulario["referencia"] != "") {
// Verifica se é maior que zero
if($check > 0) {
// Fazendo a listagem
while($list = mysql_fetch_array($queryBusca)) {
// Armazenando na variavel $opcao
$opcao .= "

“.$list["referencia"].”

“;
// Incrementa o Contador
$i++;
}
} else {
// Mensagem de não encontrado
$opcao = “Nenhuma Referencia encontrada…”;
// Numero de Itens
$check = 0;
}
// Adicionando a DIV autocomplete
$objResponse->addAssign(“autocomplete”,”innerHTML”,$opcao);
// Armazenando o numero de Registros
$objResponse->addAssign(“nItens”,”value”,$check);
} else {
// Adicionando a DIV autocomplete
$objResponse->addClear(“autocomplete”,”innerHTML”);
// Armazenando o numero de Registros
$objResponse->addClear(“nItens”,”value”);
}
// Retornando a Resposta
return $objResponse->getXML();
}
?>

2º Desenvolvendo o JavaScript

= (nITEM-1)) {
POS = (nITEM-1);
} else {
POS++;
}
// Seleciona a DIV
document.getElementById("div_"+POS).style.background = "#000066";
// Armazena a posição da DIV que será deselecionada
ANT = eval(POS-1);
// Se posição da DIV selecionada for diferente de -1 (Posição Inicial)
if(ANT != -1) {
// Deseleciona a DIV
document.getElementById("div_"+ANT).style.background = "#FFFFFF";
}
// Armazena o conteudo dela na variavel TEMP
var TEMP = document.getElementById("div_"+POS).innerHTML;
// Atribui o valor da TEMP ao campo REFERENCIA
ref.value = TEMP;
// Se a tecla pressionada for up arrow (Seta para cima)
} else if(keyCode == 38) {
if(POS

3º Criando o arquivo: index.php

registerFunction("autocompletar");
// Configurações exclusiva do AJAX
$xajax->decodeUTF8InputOn();
// Usando codificação ISO-8859-1
$xajax->setCharEncoding("ISO-8859-1");
$xajax->processRequests();
?>

printJavascript("xajax_0.2.4/"); ?>

Sistema de Auto Completar em PHP + Ajax

[ Coloque aqui o Código JavaScript que acabamos de desenvolver logo acima. ]

4º Considerações finais

Como disse para todos vocês!
Esse tutorial é bem complexo e complicado!
Então se você é um NOOB que tá aprendendo programação agora!
Não perca seu tempo por enquanto tentando implantar isso no seu site!
Estude mais outros tutoriais para depois sim poder tentar fazer isto!
Mais fique avontade para ler ele e tentar entende-lo!
Mais é bem complicado para quem está começando!

Abraços a todos!
Espero que aprendam bando de EMOS! :-D