jquery

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...

5 Comentarios, leelos

Poco a poco, ya que el tiempo no me da para más, estoy haciendo un nuevo diseño para este blog. Una de las cosas que quiero añadir es mi hilo de twitter pero haciéndolo a mi manera...

Por suerte Twitter en su API te da la posibilidad de cargar sus contenidos con jsonp, un formato que nos permite cargar las cosas con ajax cross-domain. Las ventajas de cargar así tus tweets son claras:

[...]

¿Te interesa? Sigue leyendo...

12 Comentarios, leelos

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().toUpperCase() < $(b).html().toUpperCase() ) ? -1 : ( $(a).html().toUpperCase() > $(b).html().toUpperCase() ) ? 1 : 0;
});
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...

1 Comentario, leeló

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...

1 Comentario, leeló