Está en la página 1de 4

1) Definir un mtodo para un objeto.

//alternativa 1: jQuery.comprobarAlert = function( mensaje ){ alert(mensaje); } //alternativa 2: jQuery.fn.alerter = function(){ this.each( function(){ alert(this); }); }

Alternativa 1:
$(document).ready( function(){ $.comprobarAlert("Hola!"); });

Alternativa 2:
$(document).ready( function(){ $("#victima").alerter(); });

2) Extendiendo el mtodo con opciones. Alternativa 1:


jQuery.comprobarAlert = function( mensaje, opciones_user ){ opciones_default = { inicio_str : "Alerta: ", final_str: " /fin " } opciones = jQuery.extend(opciones_default , opciones_user); alert(opciones.inicio_str + mensaje + opciones.final_str); }

Alternativa 2:
jQuery.comprobarAlert = function( mensaje, opciones_user ){ if( opciones_user == undefined ){ opciones = ({ inicio_str : "Alerta: ", final_str: " /fin " }); }else{ opciones = opciones_user; } alert(opciones.inicio_str + mensaje + opciones.final_str); }

3) Uso de opciones:
// Aqui el mensaje va con opciones normales $.comprobarAlert("Tengo opciones default"); // Aqui podemos cambiar el default: $.comprobarAlert.op_default.inicio_str = "Wii: "; //Y ejecutar el mismo llamado, que ahora dara un resultado distinto: $.comprobarAlert("Tengo opciones default");

4) Ejemplo de manejo de colores. Alternativa 1:


$("a").colorizar("fondo", ({ color: "verde" }); $("body").colorizar("borde", ({ color: "verde" });

Alternativa 2:
$.colorizar.opciones.color = "verde": $("a").colorizar("fondo"); $("body").colorizar("borde"); //E incluso, puedes cambiar el color de uno solo con el override (reemplazo) que ya hemos visto: $("p").colorizar("texto", { color:"naranja" });

5) Ejemplo aplicado al alert.


jQuery.comprobarAlert = function( mensaje, opciones_user ){ // Primero creamos nuestra variable de opciones var opciones = jQuery.extend( jQuery.comprobarAlert.op_default , opciones_user); alert(opciones.inicio_str + mensaje + opciones.final_str); } jQuery.comprobarAlert.op_default = { inicio_str : "Alerta: ", final_str: " /fin " }

Al separarlas se hace que la op_default sea accesible desde cualquier lugar, permitiendo el cambio mltiple o separado.
$.comprobarAlert.op_default = { inicio_str : "He reemplazado al default: ", final_str: ". Oh si." }

$.comprobarAlert.op_default.inicio_str = "Solo reemplazo el primer default";

6) Extensibilidad, mtodos pblicos y privados.


jQuery.comprobarAlert = function( mensaje, opciones_user ){ var opciones = jQuery.extend( jQuery.comprobarAlert.op_default , opciones_user); // Aqui se llama a la funcin, que definimos externamente var mensaje = jQuery.comprobarAlert.transformar(mensaje); alert(opciones.inicio_str + mensaje + opciones.final_str); } jQuery.comprobarAlert.op_default = { inicio_str : "Alerta:", final_str: " /fin " } // Esta es nuestra "funcin modificable, o pblica" jQuery.comprobarAlert.transformar = function(texto){ return String( texto ).toUpperCase(); };

Se redefine la pblica
jQuery.comprobarAlert.transformar = function(texto){ return String( texto ).toLowerCase(); };

La misma funcin, pero privada:


//... jQuery.comprobarAlert = function( mensaje, opciones_user ){ var opciones = jQuery.extend( jQuery.comprobarAlert.op_default , opciones_user); function transformar(msj){ return String( msj ).toUpperCase(); } // Aqui se llama a la funcin, que es privada var mensaje = transformar(mensaje); } //... alert(opciones.inicio_str + mensaje + opciones.final_str);

También podría gustarte