(original) (raw)

// flip upside down text // more detail : http://paulirish.com/2009/flip-text-upside-down-jquery-plugin/ // source: http://s.ytimg.com/yt/js/april\_fools-vfl84826.js // demo: http://www.youtube.com/watch?v=xadS1NpPsPM&flip=1 // jquery plugin-ized by Paul Irish // usage: $('div').fliptext(); jQuery.fn.fliptext = function(){ 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" /* or u03DB */ ,6:"9",7:"\u3125",8:"8",9:"6",0:"0",".":"\u02D9",",":"'","'":",",'"':",,","´":",","`":",",";":"\u061B","!":"\u00A1","\u00A1":"!","?":"\u00BF","\u00BF":"?","[":"]","]":"[","(":")",")":"(","{":"}","}":"{","<":">",">":"<",_:"\u203E","\r":"\n"}; jQuery.expr[':'].nochildren = function(elem){ return !elem.innerHTML.match(/\<\w/); }; function flipStr(str) { var result = ""; for (var x = str.length - 1; x >= 0; --x){ var c = str.charAt(x); var r = charset[c]; result += r != undefined ? r : c; } return result; }; // we check all nodes to see if they have children by looking for < in their innerHTML // for a more pure DOM approach looking for textNodes only, see http://pastie.org/435207.txt this.find('*').andSelf().filter(':nochildren').each(function(){ var flipped = flipStr((this.innerText || this.textContent).toLowerCase()); if (this.innerText) { this.innerText = flipped; } else { this.textContent = flipped; } }); return this; };