Quizas sea buena idea que leas algo de javascript, porque jquery se construye sobre javascript, para facilitar las cosas, pero funcionando, en el fondo, igual:
http://www.desarrolloweb.com/articulos/508.php
Y Maestros del Web tiene un tuto sobre DOM y documentos (x)html bien construidos:
http://www.maestrosdelweb.com/editorial/dom/
Vos tenes dos archivos.
-el principal
- el script PHP
Esto va en el principal, en el header, dentro de etiquetas de script, y mencionando como target al archivo php:
Cita: var options, a;
jQuery(function(){
options = { serviceUrl:'target.php' };
a = $('#query').autocomplete(options);
});
Todo el header queda mas o menos asi:
Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<link href="http://extremegamex.gofreeserve.com/jquery_autocomplete/local_2/styles/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://extremegamex.gofreeserve.com/jquery_autocomplete/local/scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="http://extremegamex.gofreeserve.com/jquery_autocomplete/local/scripts/jquery.autocomplete.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var options, a;
jQuery(function(){
options = { serviceUrl:'script.php' };
a = $('#query').autocomplete(options);
});
})
</script>
</head>