javaScript

Hace solo unas semanas que ha salido del horno la ultima versión de jquery, el que es para muchos (me incluyo) el mejor framework javascript que existe.

La nueva versión trae muchas cosas por las que tiene sentido no volver a empezar un proyecto con la 1.4 pero tampoco es suficiente como para cambiar la librería en un proyecto que ya funciona.

[...]

¿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().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

Bueno, después de haberme peleado con la api de facebook para aplicaciones ahora le tocaba el turno a Facebook Connect. Se trata de la evolución de la propia API de facebook dándole las más posibilidades, en particular ampliando la API hasta el punto de permitirte usarla en tus propios sitios web. En este post daremos un repaso sobre las posibilidades de Facebook Connect y los conectos clave ya que como siempre, la documentación oficial es muy completa pero cuesta hacerse una idea de forma rápida.

[...]

¿Te interesa? Sigue leyendo...

37 Comentarios, leelos

SoundManager 2 es una librería destinada a permitirnos controlar desde javascript la carga y reproducción de archivos mp3 en una web.

Para conseguirlo, lo que hace es incluir un pequeño archivo flash oculto que es el que realmente se encarga de reproducir el archivo mp3. La gracia del invento está en que se genera un objeto javascript con el cual controlar las acciones del archivo flash. Así, conseguimos, en la práctica, controlar la reproducción de mp3 con javascript.

SoundMaganer 2, es una librería ideal para aquellos con necesidades multimedia, con buenas nociones de javascript pero con pocos conocimientos sobre flash. Tiene una API muy completa y muy bien documentada.

En las últimas versiones SoundManager ya no solo permite reproducir archivos mp3 sino que la tecnología flash se utiliza también para visualizar de distintas formas la música que está sonando.

• mp3 con Javascript | SoundManager 2

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Un Bookmarklet es un marcador del navegador (elemento de Favoritos en si usas Internet Explorer) que en vez de contener una dirección de internet contiene una llamada javascript.

Lo que hacemos con esta técnica es forzar que el navegador ejecute un codigo javascript que nosotros le indicamos cada vez que el usuario clicka en ese marcador.

Esto puede ser usado de forma personal para todo: cambiar el DOM, los estilos de la web, buscar dentro del documento, etc... pero para lo que más nos sirve, como desarrolladores web es para ofrecer la posibilidad de enviar a nuestra página la url o datos de lo que está viendo el usuario.

[...]

¿Te interesa? Sigue leyendo...

1 Comentario, leeló