v.codeweblog » jQuery

URL Hunter!!

VictorR — Tue, 15 Mar 2011 09:06:59 +0000

Hoy os quiero presentar una idea que me parece buenísima, al estilo de teaser, URL Hunter! se aprovecha de la barra de direcciones para crear una nueva experiencia en el navegador.

El resultado, un juego. Sencillo, pero efectivo, ha sido desarrollado con jQuery 1.5. Tú eres la “O” que aparece en la barra de direcciones. Usa las flechas derecha e izquierda para mover, cuando estés encima de una “a” presiona la barra espaciadora para matar los “animales” en menos de 30 segundos.

Sencillamente, me parece una idea genial y una pequeña muestra de lo mucho que se puede llegar a hacer.

Actualizando a jQuery 1.3 y su evento live

VictorR — Sun, 08 Feb 2009 21:30:48 +0000

Acabo de actualizar la libreria de javascript jQuery a su última versión 1.3. A parte de que mejora su rendimiento esta versión, la principal razón para la actualización ha sido ver en persona el funcionamiento del nuevo evento “live“. Y es que:

Binds a handler to an event (like click) for all current – and future – matched element.

Traducción “libre”: cada vez que cree un elemento que coincida con un selector determinado, a este también se le asignaran los eventos deseados sin tener que hacer la misma llamada una y otra vez.

jQuery, o el "javascripi" más fácil!

VictorR — Mon, 13 Oct 2008 10:43:50 +0000

El otro día, apareció una noticia en JavaHispano en la que se acababa ponendo en duda la capacidad de jQuery. Pués bien, este post para explicar algo de jQuery que creo que hace que este framework me maraville.

Y es:

$().ready(function() {
//aquí lo que quieras, que funciona
});

Estas simples líneas permiten manipular el DOM de una página web justo en el momento en que este está construido y antes de que esté completamente cargado. Que qué quiere decir esto? Esto es poder ejecutar el javascript, ya sea para manipular el DOM, cambiar estilos al vuelo, asignar eventos a los elementos del DOM, o lo que se te ocurra antes de que el evento “onload” del documento se ejecute.

Y por qué es necesario esto? Necesario, necesario puede que no lo sea. Pero es una ventaja poder ejecutar el javascript antes de cargar, sobretodo, las imágenes que la web pueda tener.

Podeis hacer la prueba. En un mismo html haced dos scripts el primero que muestre un alert como este:

window.onload = function () { alert ("DOM cargado"); }

y el segundo script con el siguiente código:

$().ready( function() {
alert ("DOM preparado");
}

Cuál es el resultado?

Firefox 2.0 o 1.8?

VictorR — Thu, 02 Oct 2008 22:21:27 +0000

Pues los dos son ciertos y la misma versión de Firefox. Y si no, haced vosotros mismos la prueba.

Os puedo mostrar dos maneras de comprobarlo. La primera… id a ver el típico “about” que tiene todo programa parido por alguien (créditos, versión…)

Otra manera, la que tenía ganas de mostrar es mediante jQuery. Creemos un simple script como el siguiente:

$.browser.version

Qué resultado tenemos? pues si ejecutamos esta línea de código en la consola de Firebug, el resultado es “1.8.1.17″. Comor? Pero esto no es Firefox 2.0.0.17 como veo en la imagen? Pues sí, pero sólo comercialmente. La versión del proyecto es la 1.8.1.x… (también sale en la imagen anterior, busca un poco…)

Una preguta, y Firefox 3? es realmete 3?