Por ejemplo aqui tenemos un manejador de eventos muy simple:

google.load("jquery", "1");

function OnLoad(){
$('#content').html('Click aqui');
$('#content').click(function() {
alert('Manejador del evento .click()');
});
}

google.setOnLoadCallback(OnLoad);

Muy bien, este ejemplo fue muy sencillo y funciona en caso de que queramos usar funciones para manejar eventos, ahora, si en lugar de funciones quisieramos usar metodos de un objeto, probablemente intentariamos usar algo como esto:

google.load("jquery", "1");

function OnLoad(){
$('#content').html('Hola mundo');
c = new Class1();
$('#content').click(c.hi);
}

Class1 = function(){
this.text = "Hola";
this.hi = function() {
alert(this.text);
};
}

google.setOnLoadCallback(OnLoad);

Desafortunadamente este codigo no dara el resultado esperado, simplemente al dar click arrojara un alert que dice “undefined” y no el valor “Hola” que esperabamos, esto sucede debido a que el manejador de evento esta ligado al metodo de la clase en si y no al metodo de la instancia que creamos para este proposito, es decir, al activar el manejador del evento, el contexto ya no es el esperado…

Afortunadamente JQuery 1.4 ya tiene una solucion para este problema y es el uso de la funcion jQuery.proxy (ó $.proxy) la cual nos permite corregir esta perdida de contexto, uno de los usos de esta funcion consiste en enviar en el primer parametro el metodo que queremos disparar y en el segundo el objeto que sera utilisado como “this” cuando el metodo manejador sea disparado.

Este ejemplo debe funcionar correctamente:

google.load("jquery", "1");

function OnLoad(){
$('#content').html('Hola mundo');
c = new Class1();
$('#content').click($.proxy(c.hi, c));
}

Class1 = function(){
this.text = "Hola";
this.hi = function() {
alert(this.text);
};
}

google.setOnLoadCallback(OnLoad);

Esto funciona tanto para manejadores de eventos, como para callbacks, los ejemplos que tenemos aqui pueden ser probados en Google Code Playground, espero sea de ayuda… saludos

Un ejemplo de esto es EffectGames, una plataforma Javascript para crear juegos en línea, el resultado es muy interesante, juegos muy fluidos y con muy buen aspecto grafico, no cabe duda que aun falta desarrollo pero son grandes los avances que se están logrando, valdrá la pena seguir proyectos como este.

Via: GenBeta

Ahora me he encontrado con una libreria muy interesante la cual nos permite realizar llamados AJAX cross domain, pero usando CSS (Ellos lo llaman AJACSS), la razon de esto es que la politca “same-origin” solo afecta los llamados hechos con el XmlHttpRequest, por esta razon ellos nos presentan CSSHttpRequest.

Tiene como limitante el que solo se pueden realizar llamados tipo GET y que la respuesta vendra codificada dentro de CSS, sin embargo ellos ya nos brindan librerias para codificar en Python, Ruby y PHP y para descodificar en Javascript, aqui les dejo un ejemplo de como seria el uso y en la pagina de los autores pueden encontrar un ejemplos, saludos…

CSSHttpRequest.get(
        "http://www.nb.io/hacks/csshttprequest/hello-world/",
        function(response) { alert(response); }
    );

Respuesta:

#c0 { background: url(data:,Hola%20Mundo!); }
#c1 { background: url(data:,Este%20seria%20un%20ejemplo); }

Sitio oficial…

Por supuesto es libre y acepta varios tipos de contenido, imagenes, videos, html…

Todos los flash que tengas en tu sitio deben tener la propiedad wmode en transparent u opaque para que el lightbox se muestre correctamente.

Ahora puedes usar SexyLightbox en español de la siguiente manera:

SexyLightbox = new SexyLightBox({color:'negro'});

Por cierto, cuentan con otros componentes bastante buenos tambien, asi como Sexy Tooltip o Sexy Forms, tambien podrian echarles un ojo…

Sitio oficial

Nos brinda la funcionalidad básica de una tienda en línea incluyendo el carrito de compras, utiliza jQuery para darle una funcionalidad más dinámica por medio de Ajax aunque es completamente funcional con javascript deshabilitado.

Muy sencillo de adaptar a tu sitio, un recurso bastante útil…

Sitio oficial…

Sitio oficial…

Articulo de google code…