Hoy les traigo un pequeño recopilatorio de JQuery code snippets que hacen la vida más fácil. Aunque para la mayoría de estos ejemplos existen extensos plugins que hacen lo mismo, con unas simples lineas de código podemos realizar lo mismo y a su vez aprendemos como funciona.
Hola a todos!! En este post no voy a explicar ningun plugin , ni hablar de JQuery , ni juegos , ni nada. Tan solo les quiero preguntar a ustedes, mis lectores ¿Que necesitan?
Si hace tiempo que buscan algun tutorial o tienen visto alguno que no deja de todo claro las cosas. Encontraron un plugin raro de JQuery y no le sacan la vuelta a como usarlo. No entienden bien algun tema de PHP o Mysql. Hoy están de suerte, dejen en los comentarios que necesitan y si puedo los iré ayudando.
Eso es todo , un saludo!!!
Yo personalmente las pocas veces que he implementado un Auto Suggest o caja de sugerencias en mis proyectos he utilizado AJAX Auto Suggest V2.0. No es que haya probado muchos , pero en su día este fue el que más me convencio por su facilidad de uso y de personalización.
Para utilizarlo primero debemos incluir sus archivos:
1 2 3 | <link type="text/css" rel="stylesheet" href="autosuggest_inquisitor.css"> <script src="bsn.AutoSuggest_2.1.3.js" type="text/javascript"></script> |
Crear un campo de texto y asignarle un Id:
1 2 |
<input type="text" style="width: 200px; color: rgb(204, 204, 204);" id="materiales_input" name="materiales" autocomplete="off"> |
Luego definimos algunas opciones y creamos el objeto autosuggest:
1 2 3 4 5 6 7 8 9 10 11 | function autosuggest(){ var options = { script: "get_materiales.php?limit=6&",//página la cual recibirá la llamada AJAX varname: "materiales",// nombre de la variable que contendra el valor escrito json:false,//Podemos elegir JSON o XML maxresults:10,//Un máximo de resulados para mostrar timeout:9999,//numero en milisegundos antes de que se cierre la lista de valores sugeridos noresults:'Ingresar nuevo material a la base de datos' //valor que muestra en caso de no encontrar resultados }; var as = new bsn.AutoSuggest('materiales_input', options); //creamos el objeto AutoSuggest } |
Para más opciones consultar la página del autor.
Llamamos a la función cuando cargue la página:
1 | <body onload="autosuggest();"> |
Por último creamos un archivo PHP que devuelva los resultados de búsqueda(en este caso XML) para que se muestren en las sugerencias.
get_materiales.php:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 | <? header ("Expires: Mon, 26 Jul 1997 05:00:00 GMT"); // Fecha del pasado header ("Last-Modified: " . gmdate("D, d M Y H:i:s") . " GMT"); // siempre modificado header ("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1 header ("Pragma: no-cache"); // HTTP/1.0 include_once('config/db.php'); $conn=get_db_conn(); $input=utf8_decode(cleanQuery($_GET['materiales'])); $query='SELECT * FROM categoria_materiales WHERE nombreMaterial LIKE \'%'.$input.'%\''; $materiales=mysql_query($query,$conn); if (isset($_REQUEST['json'])) { header("Content-Type: application/json" ); echo "{\"results\": ["; $arr = array(); while ($row=mysql_fetch_assoc($materiales)) { $arr[] = "{\"id\": \"".$row['idCatMaterial']."\", \"value\": \"".$row['nombreMaterial']."\", \"info\": \"\"}"; } echo implode(", ", $arr); echo "]}"; } else { header("Content-Type: text/xml"); echo "<?xml version=\"1.0\" encoding=\"ISO-8859-1\" ?><results>"; while ($row=mysql_fetch_assoc($materiales)) { echo "<rs id=\"".$row['idCatMaterial']."\" info=\"\">".$row['nombreMaterial']."</rs>"; } echo "</results>"; } ?> |
Explicando get_materiales.php:
Formato XML:
1 2 3 4 5 | <results> <rs id="1" info="Cheshire">Foobar</rs> <rs id="2" info="">Foobarfly</rs> <rs id="3" info="">Foobarnacle</rs> </results> |
Formato JSON:
1 2 3 4 5 | { results: [ { id: "1", value: "Foobar", info: "Cheshire" }, { id: "2", value: "Foobarfly", info: "" }, { id: "3", value: "Foobarnacle", info: "Essex" } ] } |
Como anotacíon en mi caso al enviar el formulario compruebo si el material ingresado existe en la base de datos y sino existe lo agrego. Por ese motivo en noresults muestro el mensaje de «Añadir a la base de datos».Para ello hago lo siguiente:
1 2 3 4 5 6 7 8 9 10 | <? include_once('db.php'); $conn=get_db_conn(); if($_POST['materiales']!=''){ $material=cleanQuery($_POST['materiales']); $existe=mysql_query("SELECT * FROM materiales WHERE nombreMaterial ='$material'",$conn); if (mysql_num_rows($existe) == 0) mysql_query("INSERT INTO materiales (nombreMaterial) VALUES ('$material')",$conn); } ?> |
Con todo esto tendriamos el autosuggest o caja de sugerencias funcionando a la perfección.
Pueden ver un EJEMPLO FUNCIONANDO
O tambien DESCARGARSE EL CÓDIGO
Un saludo a todos, espero sus comentarios!
Ando perdido últimamente, y practicamente no actualizo el blog. Eso es debido a que estoy inmerso en un Proyecto grande, con lanzamiento en varios paises al mismo tiempo y ocupo TODO mi tiempo libre y el que no tengo también en el. Pronto (espero) le voy a decir de que se trata.
Volviendo al tema original del post, les voy a enseñar como hacer un buscador por relevancia con mysql.
La forma tradicional que usamos al buscar con mysql es con el comando LIKE
SELECT * FROM anuncios WHERE titulo LIKE '%perro%' OR descripcion LIKE '%perro%' |
Esto nos devuelve todos los anuncios que en el titulo o en la descripcion aparezca la palabra ‘perro’ o ‘caraperro’ o cualquier otra que contenga ‘perro’.
Estos resultado podriamos ordenarlos por ejemplo por la fecha de publicación, por el titulo, etc.
Pero que pasa cuando queremos ordenarlo por RELEVANCIA, osea queremos que el anuncio que hable más de perros aparesca primero y asi consecutivamente. Aqui es donde entra en juego la funcion de mysql FULL-TEXT .
Lo primero que tenemos que hacer antes de hacer un query en convertir nuestros campos en full-text .Para ello simplemente hacemos:
ALTER TABLE anuncios ADD FULLTEXT(titulo, descripcion); |
Una ves echo esto , a la hora de hacer la QUERY vamos a usar las funciona de fulltext search MATCH y AGAINST de la siguiente manera:
SELECT * FROM anuncios WHERE MATCH(titulo, descripcion) AGAINST ('perro') |
Esta línea utiliza la función MATCH … AGAINST … que encuentra el texto buscado, usando consultas similares a como lo hacen los motores de búsqueda. Además, se calcula internamente una puntuación en función de como aparecen y la cantidad de términos buscados dentro de nuestro titulo y descripcion.
¿Como perfeccionar la busqueda?
SELECT * , MATCH (titulo,descripcion) AGAINST ('perro') AS puntuacion FROM anuncios WHERE MATCH (titulo, descripcion) AGAINST ('perro') ORDER BY puntuacion DESC LIMIT 50 |
Esta consulta devolverá las primeras 50 consultas ordenadas por la puntuación. Jugando un poco con CSS pueden lograr mostrar estrellitas o barras de progreso segun la puntuación, pero ese ya es otro tema aparte.
Como todo esto tiene alguna limitación que otra. Por ejemplo no toma en cuenta palabras con menos de 4 caracteres.
De todas formas es la forma mas eficiente y rapida de buscar , sobre todo con múltiples palabras.
Un saludo y espero que les haya servido
La busqueda del mejor y más barato hosting del mundo es algo que nunca termina. Yo personalmente en cuanto a prestaciones, soporte y precio por ahora me quedo con HOSTGATOR, el hosting con mayor clientes en el mundo.
De los Cpanel que trae es el más completo que me he encontrado y admite todas y cada una de las últimas configuraciones como cron jobs, mod_rewrite,curl_exec y todas esas cosas que no aparecen en la letra pequeña a la hora de contratar un hosting.
Además por un precio muy economico se pueden agregar dominios ilimitados y despuer ir agrandando según las necesidades que vayan apareciendo.
A partir de ahora haciendo click en cualquiera de los enlaces que aperecen a continuación si introduces el cupon de descuento al realizar la compra te otorgará el descuento.
»
Y ahora lo mejor de todo, cupones de descuento para que te salga practicamente gratis el primer mes.
Viejos pero sirven casi todos. Son de descuento de 9,94 dolares
hgc25 $9.94
cnet $9.94
GAMERZ $9.94
top10 $9.94
sa101 $9.94
freetrial $9.94
tophost $9.94
Más cupones con 9,94 dolares de descuento
Se que últimamente los tengo abandonados pero no me da el tiempo para tantas cosas, intentaré escribir un par de artículos este fin de semana.
Ahora los que les traigo es una lista de paises con sus respectivas provincias / estados en español. Se trata de un archivo SQL listo para ingresar en la base de datos con un total de 239 paises y 4291 provincias.
Esto viene genial para cuando necesitamos hacer por ejemplo un select dependiente (lo explico en el próximo artículo) en un formulario para que una ves elegimos el pais nos muestre sus respectivas provincias. Espero que les sirva de ayuda. Un saludo y hasta pronto.
Descargar Paises.sql
Siguiendo el hilo del post anterior aca les dejo el resto del listado de fuentes tipográficas echas a mano.
Últimos Comentarios