Small Pirate

En esta oportunidad les presento el Buscador con autosugestiones AJAX , mientras tu vas tipeando te aparecera una pequeña caja de autosugestion que conincide con lo ingresado en el cuadro de búsqueda.

Toma los titulos de los post


PASOS:

1- Abrir el index.template.php de tu theme en Themes/tutheme

Buscas:

acciones-sp-1.1.js"></script>

Agregas despues:

<link rel="stylesheet" type="text/css" href="', $settings['theme_url'], '/autocompletar.css"/>
 <script type="text/javascript" src="', $settings['theme_url'], '/autocompletar.js"></script>
<script>
var boardurl = "'.$boardurl.'";
</script>

<script type="text/javascript">

	$().ready(function() {
    $("#autocompletar").autocomplete(boardurl + \'/Ajax/lista-sugerencias.php\', {
	
        minChars: 1, 
        width: 300, 
		max: 8,
		autoFill: false,
        scroll: true, 
		scrollHeight: 300,
		matchContains:true,
		cacheLength:7,
		
        formatItem: function(data, i, n, value) { 
        return value; 
        },
        formatResult: function(data, value) { 
        return value.split("[")[0]; 
        }
		
    });
});
	</script>

2- Abrimos el Recent.template.php de tu theme en Themes/tutheme

Buscar:

<input type="text" size="25" class="pbuscador" id="ibuscadorq" name="action&#61;search2&amp;search">

Reemplazar por:

<input type="text" size="25" class="pbuscador" id="autocompletar"  id="ibuscadorq" name="action&#61;search2&amp;search">

3- Crear una carpeta en la raiz llamada "Ajax" y dentro de ella poner el "lista-sugerencias.php" que se encuentre adjunto en este post (dentro del .zip)

4- Abrir el autocompletarSP.zip y colocar el autocompletar.js y autocompletar.css en Themes/tutheme/

5- Abrir autocompletarSP.zip  (adjunto) y colocar el "cargando.gif" dentro de Themes/tutheme/images/


6- Listo.

muy bueno el mod loquita        +1

re puto el mod brayan creo q lo usare +1 men gracias 

Re buenooo! +1

Men una sugerencia para que apareciera la primer imagen del post como seria 

Buenisimo, que buenos aportes los tuyos :F
+1 hace para el buscador de usuarios tambien :D

muy buen mod brayab +1 (;

te gusta esto

la verdad muy buen aporte!!! me gusto mucho a esto me lo llevo.....    +1