Pequeña biblioteca JavaScript para manipular el favicon

(by: http://www.kabytes.com)

Tinycon es una pequeña biblioteca desarrollada íntegramente en JavaScript para la manipulación dinámica del favicon. Este elemento de forma casi histórica es utilizado de forma estática, ahora y con la aparición de las aplicaciones en tiempo real podemos utilizarlo para mostrar alertas.

Tinycon nos permite, de forma muy simple, modificar el favicon de forma dinámica, utilizando para ello una pequeña burbuja, muy similar a la que utiliza Facebook para mostrar las distintas alertas. Las alertas se ven de la siguiente manera:

modificar dinamicamente el favicon

La biblioteca fue correctamente testeada en los navegadores: Chrome 15+, Firefox 9+ y Opera 11+. En navegadores más antiguos la biblioteca se limita simplemente a modificar el atributo title mostrando el numero de alertas.

Configurar Tinycon

Tinycon.setOptions({
        width: 7,
        height: 9,
        font: '10px arial',
        colour: '#ffffff',
        background: '#549A2F',
        fallback: true
});

Por ultimo vamos a tener que decirle al script que numero mostrar en la alerta, para lograrlo simplemente escribimos, por ejemplo:

Tinycon.setBubble(6);

En el apartado oficial alojado en GitHub pueden encontrar una demostración online.

Web: Tinycon


original post: http://www.kabytes.com/programacion/pequena-biblioteca-javascript-para-manipu…

Anuncios

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: