Cambio de texto de MooTools -

Existen muchísimas técnicas de JavaScript inútiles pero divertidas. Este es otro de ellos.

Un chiste popular del Día de los Inocentes del que rápidamente me cansé fue el de los sitios web que transformaban su texto al revés. Encontré uncomplemento jQuery de Paul Irish que logró esta tarea, así que decidí proporcionarlo en formato MooTools.

El JavaScript de MooTools

/* cuando el dom esté listo */window.addEvent('domready',function() {/* implementar flipText para cadenas */ String . implementar ( { flipText : function ( ) { /* definir los caracteres */ var charset = { a: "u0250", b: "q", c: "u0254", d: "p", e: "u01DD", f: "u025F", g: "u0183", h: "u0265", i : "u0131", j: "u027E", k: "u029E", l: "l", m: "u026F", n: "u", o: "o", p: "d", q: " b ", r: "u0279", s: "s", t: "u0287", u: "n", v: "u028C", w: "u028D", y: "u028E", z: "z" , 1: "u21C2", 2: "u1105", 3: "u1110", 4: "u3123", 5: "u078E" /* o u03DB */, 6: "9", 7: "u3125", 8 : "8" , 9 : "6" , 0 : "0" , "." : "u02D9" , "," : "'" , "'" : "," ,, "u00A1" : "!" , " ?" : "u00BF", "u00BF" : "?" , "[" : "]" , "]" : "[" , "(" : ")" , ")" : "(" , "{ " : "}" , "}" : "{" , " " : "" , "" : "" , _ : "u203E", "r" : "n" } , resultado = '' , texto = esto . toLowerCase ( ), len = texto .longitud - 1 ;for ( var x = len ; x = 0 ; - x ) { var r = juego de caracteres [ c ] ; resultado + = r ! = indefinido? r:texto. charAt (x); } devolver resultado; } } );/* implementar flipText para elementos */Element.implement({flipText: function(recurse) {/* obtener todos los elementos secundarios para esto */var elementos = [this, this.getChildren()].flatten( );/* ¡hazlo realidad! */elements.each(function(el) {var children = el.getChildren();if(!children.length) {/* establece el texto del elemento en este */el. set ('text',el.get('text').flipText());} else if(recurse) {children.flipText();}});}});/* uso */$('button ' ).addEvent('click',function() {$('flip-me').flipText(true);});});

Funcionalidad proporcionada para lograr este objetivo tanto para cadenas como para elementos. También notarás un parámetro recursivo que te permite establecer si deseas o no obtener elementos secundarios de forma recursiva.

Diviértete… ¡pero no demasiado!