jquery

Después de tiempo y más tiempo viendo versiones Alpha y Release Candidates la versión 1.4 de jquery es publica para todo el mundo y puede descargarse en la web oficial de jquery (jquery.com) desde hace aproximadamente una semana. Las mejoras son, en esta ocasión, muchas y esto hace que merezca realmente la pena volver a repasar la documentación y empezar a usar la nueva versión en nuestros desarrollos.

¿Donde hay mejora? Principalmente en 2 ámbitos: mejor rendimiento y nuevas y útiles funciones (o añadidos sobre las que ya había).

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Hace no demasiado google Analytics se actualizaba y lanzaba su versión asíncrona. Para enseñárnoslo nos mostraban un fragmento de código de ejemplo que como todo código javascript, al principio no te quedaba muy claro como usar.

He estado dándole un par de vueltas este código asíncrono de google analytics y resulta que es bastante sencillo y útil en realidad.

Veamos el código y que es lo que hace en realidad:

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Este es un problema que me encontré este fin de semana. Selects enormes de los que no se puede tocar la fuente y que hay que ordenar por temas de usabilidad alfabéticamente. Nada más sencillo que recurrir a javascript y usar el metodo nativo "sort" de los arrays.

Un ejemplo ayudándonos, como nó, de jquery. Imáginemos que el select en cuestión tiene el id "selectAlfabetico". Con un código tan sencillo como el que sigue dejaríamos las opciones ordenadas alfabéticamnete.

ops = $("select#selectAlfabetico option");
// esta funcion compara todos los elementos del array
// si devolvemos true "a" irá antes, 
// si devolvemos false "b" irá antes.
ops.sort(function (a,b) {
  return ( $(a).html() > $(b).html() )
});
html="";
for(i=0;i<op.length;i++)
{
  html += "<option value='" + $(op[i]).val() + "'>" + $(op[i]).html() + "</option>";	
}
$("select#selectAlfabetico").html(html);

Sencillo verdad? Pues este método podríamos aplicarlo fácilmente a cualquier serie de elementos html: listados, divs, párrafos... Sólo habría que cambiar la función short y el loop para generar el html.

Términé, hoy he sido corto y discreto.

[...]

¿Te interesa? Sigue leyendo...

6 Comentarios, leelos

Un slider es un efecto javascript que nos permite ver en un mismo marco o bloque de una página una sucesión de contenidos que van desplazándose uno a uno dándonos el tiempo necesario para poder verlos. El efecto es parecido al comportamiento de los paneles de publicidad rotativos que vemos a veces en aeropuertos y centros comerciales.

Como desarrolladores, su uso nos va a permitir mostrar gran cantidad de información ocupando solo bloque de nuestra página web. Es un elemento muy usado actualmente en portadas de los sites para mostrar productos destacados o ventajas de los servicios que se ofrecen.

Si vas a incluir un Slider en tu página te recomiendo Jquery Easy Slider. Tiene opciones que tal vez nunca uses pero es muy cómodo de usar, limpio y nunca falla. CssGlobe ha hecho un gran trabajo y lo pone a disposición de todo el mundo gratuitamente. Visita su página y ¡apúntala en tus marcadores!

• Plugin para crear un Slider con Jquery Easy Slider

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Después de hacer algunas pruebas con la api javacript de facebook connect el resultado es que hay ciertas cosas incómodas que siempre se hacen igual. Por ese motivo, y para no perder el tiempo en futuros desarrollos he dejado listo un script que se encarga de realizar estas funciones y hace que la integración de la api sea mucho mas sencilla. El script hace uso de alguna función de jquery con lo que es necesario cargalor después de invocar la galería aunque no es propiamente un plugin de jquery.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo