javaScript

Martes, 08 d febrero d 2011.

Jquery 1.5: ¡Merece la pena! (pero solo un poco)

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

Temas Relacionados: jquery programacion

Autor:

Martes, 15 d septiembre d 2009.

ordenar alfabeticamente elementos del html con jquery

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

Temas Relacionados: jquery

Autor:

Viernes, 24 d julio d 2009.

como usar facebook connect en nuestras webs

Nota
La Api de Facebook antigua, en la que está basada la mayor parte de este post, está siendo reemplazada poco a poco por una nueva api de facebook. Es necesario que sepas que Facebook cada día da menos soporte a su antigua api y a Facebook Connect.

Si estás buscando información general sobre este tema te recomiendo que leas los artículos más actuales en la categoría Facebook Graph Api de este mismo blog.

Más concretamente, y en relación a este artículo, puedes leer:

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

36 Comentarios, leelos

Temas Relacionados: programacion tutoriales

Autor:

Miércoles, 06 d mayo d 2009.

mp3 con Javascript | SoundManager 2

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.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Jueves, 09 d abril d 2009.

Como crear un bookmarklet

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

Comenta este artículo

Temas Relacionados: jquery tutoriales

Autor:

Jueves, 09 d abril d 2009.

Incluir texto en un objeto canvas con javascript | canvas-text

Canvas text es una libreria javascript con la suplir el problema que tienen los navegadores antiguos para incluir textos en las pizarras de canvas generadas.

Esta librería afecta sólo a aquellos navegadores que no son capaces de hacer esto por si solos y no hace nada en aquellos que ya pueden incluir los textos en las composiciones canvas. No requiere del uso de ningún framework javascript y sólo necesitas incluir además el famoso archivo excanvas.js (que sirve para que canvas funcione en explorer)

Cada vez estamos más cerca de poder usar canvas para lo que se ha creado...

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Lunes, 06 d abril d 2009.

imagenes rotadas, con bordes redondeados o sombras | swfIR

swfIR : swf Image Replacement es un conjunto de un archivo flash + un script js que nos permite reemplazar en el DOM las imágenes que queramos por objetos flash.

Estos objetos luego se usan para alterar la imagen y hacerla un poco más atractiva. Nos permite:

- Aplicarles bordes
- Bordes redondeados
- Rotarlas
- Ponerles Sombra
- y hacerlas elásticas para que se adapten al contenido.

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: Enlaces jquery

Autor:

Martes, 17 d marzo d 2009.

Crear administrador para google street view

Hace poco hablaba de como Integrar Google Street View en nuestras webs y comentaba el tema de crear una herramienta para administradores o backends que nos permitiese fijar la visa de google street view que queriamos ver en la página original.

Bueno, he estado haciendo pruebas y creo que ya lo tengo todo solucionado. ha sido un desarrollo más largo del que creía inicialmente por el tema de callbacks y comprobación de errores pero finalmente con ayuda de jquery se ha quedado en apenas 108 líneas (espaciadas). Dejo aquí una muestra de como conseguirlo para que quien quiera pueda replicarlo fácilmente.

[...]

¿Te interesa? Sigue leyendo...

1 Comentario, leeló

Temas Relacionados: jquery

Autor:

Lunes, 16 d marzo d 2009.

Reemplazar partes de funciones javascript

Hemos visto como Reescribir funciones en javascript pero a veces reescribir una función entera no es lo más adecuado. Actualmente me encuentro con la necesidad de alterar ciertas partes de funciones enormes que son llamadas como servicios web con sus variables y sesiones. En definitiva, que esas funciones ni siquiera son siempre iguales para cada usuario que las carga.

Para solucionar estos problemas he creado una función que es capaz de reemplazar parte de los textos de las funciones sin alterar el resto de la definición. Dejo aquí el código:

[...]

¿Te interesa? Sigue leyendo...

1 Comentario, leeló

Temas Relacionados: jquery

Autor:

Lunes, 16 d marzo d 2009.

Reescribir funciones en javascript

Una de las cosas que me gustan de javascript es que casi todo acaba definido como variable. Para grandes desarrollos es un engorro pero para lo que solemos usarlo va realmente bien. Las funciones no son una excepción a esta característica y son siempre accesibles como variables, así que al ser variables pueden ser redefinidas.

Imaginemos que tenemos esta inutil funcion bien definida en una libreria que no podemos editar:

function showMe ( variable )
{ 
	document.write( variable );
}

Y queremos que en vez de hacer un document.write empiece a mostrar datos con un alert. La forma más segura de conseguirlo es redefiniendo la función en lenguaje literal:

[...]

¿Te interesa? Sigue leyendo...

Comenta este artículo

Temas Relacionados: jquery

Autor:

Esto son experimentos, no preguntes ;) prueba metadescription Prueba title