Fichero Principal (index.php por ejemplo):
——————————————————————————-
<html>
<head>
<script type=”text/javascript” src=”../js/prototype.js”></script> <!– aqui incluimos la librería javascript PROTOTYPE –>
<script type=”text/javascript”>
function buscar_destinatario(criterio) {
$(‘resultados’).innerHTML=’<img src=”/images/ajax-loader.gif”>’;
var url=’../ajax/buscar_destinatario_ajax.php’;
var param=’criterio=’+criterio;
var ajaxRequest=new Ajax.Request( url,{ method: ‘get’, parameters: param, asynchronous: true, onComplete: showResponse});
}
function showResponse(xmlHttpRequest, responseHeader) {
$(‘resultados’).innerHTML=xmlHttpRequest.responseText;
}
</script>
</head>
<body onload=”$(‘criterio’).focus()”>
<p>Introduzca criterio de búsqueda:<br />
<input autocomplete=”off” type=”text” name=”criterio” id=”criterio” onkeyup=”buscar_destinatario(this.value)” style=”margin-top: 3px; width:200px;” /></p>
<div id=”resultados”></div>
</body>
</html>
Fichero buscar_destinatario_ajax.php:
——————————————————————————-
<?php
include("conexion_a_la_base_de_datos.php");
//si viene vacio, nada
if( trim($_GET['criterio'])=="" ) { exit(0); }
$sq="select * from destinatarios where nombre like ‘%".$_GET['criterio']."%’";
$ex=mysql_query($sq);
while( $row=mysql_fetch_object($ex) ) {
?><div><?php echo $row->nombre; ?></div><?php
}
?>
