The New Cult of Dead Cow

Estan todos invitados a la charla virtual que dare el  Domingo 4 de Febrero a las 3pm (-5 GMT) sobre JQuery en irc.freenode.net#php-es.

powered by performancing firefox

JQueyry es una mini libreria de javascript que nos proporciona una superfuncionalidad. Si no sabes que es JQuery, pues no sabes de lo que te pierdes.

Aca las nuevas funcionalidades de la recien liberada version 1.1

• La velocidad de los selectores es 10 a 20 veces mas rapida. Los selectores son las funciones en JQuery que nos permiten trabajar con todos los elementos de nuestra pagina web. Estan presentes en toda el codigo que podamos desarrollar.
• Ahora se le puede pasar como parametro de un attributo de nuestro tags, una funcion.

• $(\"a\").attr(\"href\", function(){ return \"/item/\" + this.id; }).show();

• $(\"button\").click(function(e){    // Unbind the event handler if a specific form is hidden    if ( $(”#submitForm”).is(”:hidden”) ) {        $(this).unbind( e );    } });

• $(\"form\").one(\"submit\",function(){    $(”#thankyou”).show();});

• Antes los eventos ocurrian una y otra vez sin parar ( habia que recurrir a la funcion oneclick() o llamar a la funcion unbind en la primera ejecucion

Una de las librerias que mas utilizo para el desarrollo web es JQuery. Es más, ya habia hablado de ella en ocasiones anteriores. Su mayor punto fuerte, es la facilidad para poder escribir codigo javascript y la posibilidad de relacionar los eventos de nuestra pagina con nuestro javascript sin tener q tocar ni una linea de nuestro HTML ( un golazo a favor de la separación en capas ).

Como dijera antes, JQuery es una libreria muy compacta que tiene casi todo y no le falta casi nada.
Pero que pasa cuando requieres algo que no habian pensado los desarrolladores o que simplemente ignoraron por considerarlo poco común ?

Pues para eso JQuery permite la inclusión de plugins que nos permiten expandir nuestras funcionalidades hasta cosas no imaginadas. Uno de lo que mas utilizo es JTip, este plugin me permite crear tooltips para los anchors de mi pagina. Estos tooltips pueden incluir cualquier cosa, en realidad son un html completo.

Sin embargo la joda era que solo se incluian para etiquetas anchor. Hoy sin embargo, necesite ampliarlo para cualquier tipo de etiqueta.

Los cambios los tuve que realizar en la siguiente función

function JT_init(){
$(”.jTip”)
.hover(function(){JT_show($(this).attr(”href”),this.id,this.name)},function(){$(’#JT’).remove()})
.click(function()
{
if ($(this).attr(”return”) == null)
response = false;
else response = $(this).attr(”return”);
return response;
});
}

1. El marcador original era $(”a.jTip”), lo cual solo permitia su uso con tags anchor. Al colocarlo solo $(”.jTip”), permite su uso en cualquier etiqueta con la clase jTip.
2. El parametro original era this.href, pero eso no funcionaba en otros elementos que no fuera anchor. El parametro href es necesario porque indica donde esta la ayuda a mostrarse en el tooltip.
3. El bloque de codigo original era return false;, lo cual indicaba que aunque se hiciera click en las etiquetas que servian de tooltip, estas no debian conducir a ninguna parte. Lo cual era logico para tags anchors, pero otros tags como los radiobuttons, checkbox necesitan que se procese el evento. La solución pasa por decirle al script que sino tiene el atributo return, entonces considere el comportamiento por defecto, o sea falso. Pero si tiene el atributo return, debe considerar el comportamiento en el indicado, que puede ser verdadero o falso.

Este script en JQuery, nos selecciona todos los INPUT del tipo CHECKBOX del grupo Firma que no se encuentran seleccionados.

$(”input[@type=’checkbox’][@name=’Firma’]:not([@checked])”)

PD: Si se que es algo muy sencillo, en teoría, pero comunmente se me olvida y necesitaba apuntarlo

<!– Codigo JQuery –>

$(”input#txtKardex”).keypress(function(event)
    {   
        if ( event.keyCode == 13 )
        {   
             //Codigo Propio
        }
    });

<!– Codigo HTML –>

<input  id=”txtKardex” />

Hoy vamos a empezar a escribir sobre esta fantastica libreria.
JQuery nos permite realizar de una forma sencilla y entretenida de realizar script en js para tus paginas web.

JQuery viene a representar para la programación en javascript, lo que las css representan para el codigo HTML.
JQuery nos permite separar el contenido HTML, del codigo javascript. Con esto tenemos un codigo mucho mas ordenado.

Con esta libreria podemos incluir fácilmente en nuestras páginas pequeñas animaciones, que le daran un toque especial a nuestra web.

Ahh se me olvidaba comentar que, esta libreria con solo 15Kb de peso es una anorexica dentro de las librerias de javascript, que tiene casi todo y le falta casi nada .

Pruebenla, es peligrosamente adictiva.