Precargador en mi BUSCADOR PHP

[guillermosira2010]

Buen dia, tengo un pequeño buscador que consulta una base de datos. Funciona perfectamente, pero siempre hay un pero xD, necesito que al momento de pulsar buscar salga una imagen o un flash que diga buscando o algo.


Como puedo hacer esto? o que código puedo colocar?

Este es mi codigo:

<?
// Buscador para tablas MySQL escrito en PHP. Por Alex para www.webtaller.com
// Creado el 13-10-2003


////////////////////////////
// Configuración
///////////////////////////

//modifica estas variables según tu servidor de MySQL

$bd_servidor = "localhost";
$bd_usuario = "ng000636";
$bd_contrasenya = "MUzizuve42";
$bd_bdname = "ng000636_buscador_productos";
$bd_tabla = "productos"; // Tabla donde se harán las búsquedas
// Conexión y selección de la base de datos

$link = mysql_connect($bd_servidor,$bd_usuario,$bd_contras enya);

mysql_select_db($bd_bdname,$link);

////////////////////////////
// Formulario
///////////////////////////

?>
<style type="text/css">
<!--
.Estilo1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
.Estilo2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #666666;
}
.Estilo8 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style>


<table width="97%" border="0" align="center">
<tr>
<td><div align="right"><a href="/phpnuke/modules.php?name=producto_indice" target="_parent"><img src="http://www.bancodedrogasbadan.com/phpnuke/upload/rrhh/images/salir.jpg" width="70" height="29" border="0" /></a></div></td>
</tr>
<tr>
<td><div align="center"><img src="/phpnuke/imagenes/titulo_bus_pro.jpg" width="536" height="94" /></div></td>
</tr>
</table>
<br />
<table width="97%" border="0" align="center" cellpadding="3">
<tr>
<td align="center"><p align="left" class="Estilo2">Recomendaciones para facilitar la busqueda al sistema:</p> </td>
</tr>
<tr>
<td align="center">&nbsp;</td>
</tr>
<tr>
<td class="Estilo8"><p>1. Coloca la(s) palabra(s) en la casilla de b&uacute;squeda. </p></td>
</tr>
<tr>
<td class="Estilo8"><p>3. Ha clik sobre el bot&oacute;n Buscar. (el sistema puede tardar unos segundos antes de arrojar los resultados) </p></td>
</tr>
<tr>
<td class="Estilo8"><p>IMPORTANTE: No presiones varias veces sobre el bot&oacute;n Buscar, esto retrasar&aacute; el proceso de b&uacute;squeda. </p></td>
</tr>

<tr>
<td align="center">&nbsp;</td>
</tr>
<tr>
<td align="center">
<script type="text/javascript">
function validar(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla==13) alert ('Debes hacer click con el cursor sobre el boton "Buscar"');
}
</script>
<form action="buscador_generico3.php" method="post" name="buscador" class="Estilo1">
<div align="center"><br>
Introduce el nombre del m&eacute;dicamento:
<input type="text" name="palabra" onkeypress="validar(event)">
<input type="submit" value="Buscar" name="enviar">
</div>
</form></td>
</tr>
<tr>
<td align="center"><div align="center"><img src="/phpnuke/imagenes/resultados_busq.jpg" width="542" height="56" /></div></td>
</tr>
<tr>
<td height="84" align="center"><table width="100%" border="0" cellspacing="20">
<tr>
<td><span class="Estilo1">
<?

////////////////////////////
// Proceso del Formulario
///////////////////////////

if(isset($_POST['enviar'])) {

// Solo se ejecuta si se ha enviado el formulario

$query = "SELECT * from $bd_tabla WHERE Nombre LIKE '%{$_POST['palabra']}%'";

$result = mysql_query($query,$link);



$found = false; // Si el query ha devuelto algo pondr&aacute; a true esta variable

while ($row = mysql_fetch_array($result)) {

$found = true;


echo "<p>";

foreach($row as $nombre_campo => $valor_campo) {

// Tenemos que mostrar todos los campos de las filas donde se haya
// encontrado la b&uacute;squeda.


if(is_int($nombre_campo)) {

continue; //Cuando hacemos mysql_fetch_array, php genera un array
// con todos los valores guardados dos veces, uno con
// &iacute;ndice num&eacute;rico y otro con &iacute;ndice el nombre del campo.
// Solo nos interesa el del nombre del campo.

}

echo "<b>".$nombre_campo."</b> : ".$valor_campo."<br>";
}

echo "</p>";

}

if(!$found) {

echo "<center><img src=\"/phpnuke/imagenes/no_encontrado.jpg\" width=\"468\" height=\"143\"></center>";

}

}
?>
</span></td>
</tr>
</table></td>
</tr>
</table>

Gracias de antemano...

[pateketrueke]

si la pagina se recarga, es casi imposible que puedas mostrar una imagen... ya que de nuevo hay que procesar el archivo en el servidor, y solo hacía el final verías los resultados...

la mejor manera de implementar esto, es usando algo de Ajax, así, mientras se hace la búsqueda la pagina no se recarga y te permite manipular el DOM para insertar una imagen, texto, etc...

te sugiero buscar en el foro antes de continuar... ;)

[guillermosira2010]

y no podría colocar alguna función java o algo que permita que al darle al botón (como tarda un poco en recargar la pagina) salgo algo q diga cargando o buscando?

no importa que necesariamente no haga la búsqueda, por ejemplo, click buscar y active un hidden q permita ver algo q diga buscar (incluso podría ser a lado o abajo del botón buscar)

Disculpen mi ignorancia si dije algo imposible