php,ajax,mysql,css,html,software
forber
El usuario no ha compartido ninguna informacion biografica.
Pagina Personal: http://www.infoadis.com
Posteos por forber
WordPress anuncia la versión 2.6.1 beta 1
Ago 9
Acabo de leer que esta mañana WordPress anuncia la versión 2.6.1 beta 1 y que se comenta que se resuleven mas de 50 errores.
Asi que nada, para los mas despistados mirad los errores y actualizar vuestro WordPress, y sino esperad a la version 2.7 que parece muy interesante. Lo dejo en vuestras manos.. 
Link: Descargar WordPress versión 2.6.1 beta 1
Visto en aNieto2K
Paginator version 1.6 en dulcesfamosas
Ago 8
Muchos os diréis, y a mi que me importa que como paginas en dulcesfamosas.com, pues bien, todo viene porque no es ni el primero ni el segundo email que me mandan preguntándome sobre el tema, un script que hice hace muchos muchos años y que ahora considero algo anticuado, como es algo que nunca se me ha dado especialmente bien este apartado, al final opte por buscar uno, y de ahí este post.
Uno de los que mas me gustan por su simplicidad y a la vez robusto es el Paginator versión 1.6 y la verdad es que ya tiene muchos años que allí se paro su desarrollo (si es que lo necesitase) pero esta en la red desde el 2005.
Solo hay que usar unas cuantas variables que en la misma documentación se indica que las necesitas para realizar el script y te darán otras variables que devuelven datos como el QUERY, número de registros devueltos y algunas cosillas más que os dejo para que investiguéis
Como mejora mía personal, le he añadido algunas que no se si al autor del script esta interesado como propuestas de mejoras, como por ejemplo añadirle al script la posibilidad de proponer url con mod-rewrite ya sean del estilo index_pg1.html o ahora la que esta de moda que seria: index/1/. Asi puedes reutilizar código, ya que en la web si te interesa hacer mod-rwrite pero a lo mejor en un panel de administración no te hace falta..
Bueno el caso que conozcáis este script y espero que lo disfrutéis tanto como yo, y desde aquí un saludo a su creador 
Link: Paginator versión 1.6
Ordenar matrices multidimensionadas
Ago 8
Hace ya un tiempo que no os escribo nada, pero voy a intentar subsanarlo en la medida que vaya creando cosas nuevas..
Llevaba hace unas semanas realizando un buscador para www.dulcesfamosas.com, y claro puedes hacerlo en plan cutre, después de mucho indagar por la red, encontré esta función que al final ha sido la mas útil de todas. Mi idea era que a partir de un porcentaje de similitud de letras ordenara toda la matriz, esto que parece una tontería no lo es, ya que usando las funciones típicas de php no es suficiente, todas ordenan sobre vectores, no matrices multidimensionadas.
Imaginaros que tengo esta matriz:
<?php $lista[n][id] $lista[n][porcen] $lista[n][nombre] $lista[n][fecha] ?>
Donde N es un numero que es la posición de la matriz
Seria muy fácil ordenar por nombres o fechas en un QUERY la idea es meterlo todo en una matriz y luego ordenar a mi antojo, así que me encontré con esta función en un foro, y que me perdonen porque lo cogí hace semanas y no se donde estaba..
<?php
function ordenar_matriz_multidimensionada($m,$ordenar,$direccion) {
usort($m, create_function('$item1, $item2', 'return strtoupper($item1[\'' . $ordenar . '\']) ' . ($direccion === 'ASC' ? '>' : '<') . ' strtoupper($item2[\'' . $ordenar . '\']);'));
return $m;
}
?>
y os explico rápidamente…
<?php $m //es vuestra matriz $ordenar //es el campo a ordenar, en mi caso es porcen $direccion //aquí podéis elegir de forma ASC o DESC ?>
Si tenéis cualquier duda, no dudéis en comentármelo, es mas sencillo de lo que parece..
En esta web tenéis una demostración del resultado de todo este documento.
Demo: Demostración ordenar matrices multidimensionadas
Alternativa a iluminar celdas usando solo CSS
Jun 3
Como ya hace unos días dije como iluminar filas y columnas con jquery, pues bien, lamentablemente para webs con un panel de administración que suelta más de 500 filas y mas de 11 columnas, es un efecto poco útil y que además ralentiza muchísimo la web. Así que he buscado una solución mas “caserilla” pero hace el efecto óptico deseado y es el de iluminar la fila entera y con otro color iluminamos la celda por donde pasa el ratón.
La solución es sencilla bajo mi punto de vista y es usando una pequeña hoja de estilos, no la voy a hacer tan complicada como la tengo yo pero el efecto es el mismo…
Así que, saltándome los pasos de que ya sabéis crear una tabla os pongo el estilo para que os salga algo como en la foto inicial…
tr:hover{
background-color: #FFFFCC; /* amarillo */
}
tr td:hover{
background-color: #FF9900; /* naranja */
}
Con esto conseguimos en amarillo iluminar toda la fila y en naranja iluminar la celda por donde pasamos el ratón.
Ya, ya se que no es lo mismo que la otra ilumina toda la columna y no es lo mismo, pero bueno me he buscado otros recursos para poder saber que significa en esa celda cuando te encuentras en medio del océano (osea en la mitad de los 500 registros) y no sabes si subir o bajar
Solo os digo que de 21seg de carga ha bajado a 15s. Lo se, parece un montón de segundos pero seguro que pronto conseguiré bajar el tiempo y con mas registros
Espero que os haya servido para algo y si tenéis alguna duda dejar vuestros comentarios.
Como iluminar filas y columnas con jquery
May 23
Hace tiempo que tenia en mente trastear con un plugin basado en jquery llamado tablehover que mas o menos viene a decir iluminar tablas. Esta claro que hay muchas formulas de ilumuniar las tablas cuando pasamos el raton y que algun dia lo explicaremos todas las opciones que hay.
Lo que pasa es que aveces iluminar el horizontal no es suficiente, asi que en nuestro proyecto de DulcesFamosas este sistema dejo de ser util hace tiempo, debido a la gran cantidad de lineas de datos y columnas, para mostrar informacion en el panel de administracion y una solucion era reducir datos, pero la cantidad de datos que aun desprendia esa solucion no era suficiente, asi que hace tiempo que encontre este plugin para jquery y me parecio bastante util.
Ahora voy a intentar explicaros un poco de que va, ya que veo que la documentacion esta incompleta y para muchos al estar en ingles la web original del creador pues aumenta las dificultades de poder implementar esto en tu sitio web…
- Lo primero y muy importante, debes cargar la ultima version de jquery
- Segundo y menos importante, debes bajarte la ultima version que tenga el creador del plugin
- Despues mirar tambien las demo del plugin. Ver demo
Ahora despues de que ya hayais seguido estos pasos sencillos y habeis visto la demo yo he escogido para mi sistema el ejemplo 3, osea ilumina en vertical, ilumina en horizontal e ilumina la celda donde tienes ubicada el raton.
* Doy por supuesto, que en vuestro script ya teneis bien linkado los *.js de jquery y el plugin tablehover.
Antes de colocar la tabla y dentro de <body> para mostrar los elementos debemos poner esta sentencia javascript para declarar el plugin:
$(document).ready(function(){
$('#large').tableHover({colClass: 'hover', cellClass: 'hovercell', clickClass: 'click', ignoreCols: [11]});
});
Como vereis hay varios elementos los elementos:
colClass: 'hover', cellClass: 'hovercell', clickClass: 'click'; contienen los nombres de las clases que deberemos editar en nuestra hora de estilos- el elemento
ignoreCols: [1, 4]se lo he añadido yo para decirle que no ilumine la columna 1 y la 4 - al principio tenemos
$('#large'); pues esto no es mas que la id de la tabla donde vamos a aplicar el efecto
Y ahora os pongo un ejemplo en codigo HTML de una tabla…
<table id="large"> <thead> <tr> <th>ID</th> <th>Título</th> <th>Url</th> <th>Acciones</th> </tr> </thead> <tbody> <tr> <td>ID</td> <td>Título</td> <td>Url</td> <td>Acciones</td> </tr> </tbody> </table>
Donde las tablas iluminadas seran las que estan dentro de las etiquetas <tbody>.
Llegados a este punto estareis viendo vuestro script y direis que no funciona, mirareis si os falta codigo, si algo esta mal escrito, etc…
Bueno pues para los que habeis llegado hasta aqui, os dejo la solucion… es que os falta editar vuestra hoja de estilos
td.click, th.click{
background-color: #bbb;
}
td.hover, tr.hover{
background-color: #69f;
}
th.hover, tfoot td.hover{
background-color: ivory;
}
td.hovercell, th.hovercell{
background-color: #abc;
}
td.hoverrow, th.hoverrow{
background-color: #6df;
}
Al final de la pelicula os deberia de quedar algo como esto:
Espero que os haya servido de ayuda
