JQuery -ToolTips Mejorados-





Ya han sido varias las personas que han preguntado en Todo Twitter la manera de poner los Tooltips tal y como allí aparecen. Así que el amigo @TwittBoy me ha insistido para que explique cómo implementarlos en cualquier blog.

El anterior sistema para los tooltips era en parte defectuoso, ya que en el Internet Explorer se superponían los mensajes de "alt" de las imágenes o los enlaces. Sin embargo, con este script no "saltará el alt" y se verá tan sólo lo que nosotros deseemos.

Así que sin más, vamos a implementarlo en el blog. Como sabemos, utiliza la librería Jquery por lo que si no lo hemos hecho ya, debemos insertarla en la plantilla, para lo que nos vamos a servir de la API de Google:

Poner antes de </head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'></script>


Estos tooltips trabajan además con un estupendo script, llamado Interface, que puedes descargarte desde su propia web. Primero debes insertar el script en tu plantilla antes de </head> y después de la llamada a Jquery.
Si tienes dónde alojar el script:


<script src='http://URL_ALOJAMIENTO/interface_1.2.js' type='text/javascript'></script>

O si utilizas Google Sites con este método:

<script src='http://sites.google.com/site/TU-SITIO/NOMBRE-DEL-ARCHIVADOR/interface_1.2.txt' type='text/javascript'></script>



Para ponerlo en la propia plantilla de Blogger:

[+]Ver código


Ponemos antes de </head>

<script type='text/javascript'>
//<![CDATA[

/**
* Interface Elements for jQuery
*
* http://interface.eyecon.ro
*
* Copyright (c) 2006 Stefan Petre
* Dual licensed under the MIT (MIT-LICENSE.txt)
* and GPL (GPL-LICENSE.txt) licenses.
*
*
*/
eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\b'+e(c)+'\b','g'),k[c])}}return p}('j.fq={2r:q(Q){D k.1F(q(){if(!Q.aF||!Q.aO)D;C el=k;el.2j={9y:Q.9y||cH,aF:Q.aF,aO:Q.aO,8N:Q.8N||'ea',9B:Q.9B||'ea',2V:Q.2V&&1V Q.2V=='q'?Q.2V:H,3l:Q.2V&&1V Q.3l=='q'?Q.3l:H,7s:Q.7s&&1V Q.7s=='q'?Q.7s:H,aa:j(Q.aF,k),8P:j(Q.aO,k),I:Q.I||8z,5R:Q.5R||0};el.2j.8P.2O().A('W','9u').eq(0).A({W:el.2j.9y+'T',19:'2I'}).2Q();el.2j.aa.1F(q(2E){k.7K=2E}).h1(q(){j(k).2B(el.2j.9B)},q(){j(k).3p(el.2j.9B)}).1G('5o',q(e){if(el.2j.5R==k.7K)D;el.2j.aa.eq(el.2j.5R).3p(el.2j.8N).2Q().eq(k.7K).2B(el.2j.8N).2Q();el.2j.8P.eq(el.2j.5R).5z({W:0},el.2j.I,q(){k.11.19='1p';if(el.2j.3l){el.2j.3l.1D(el,[k])}}).2Q().eq(k.7K).2c().5z({W:el.2j.9y},el.2j.I,q(){k.11.19='2I';if(el.2j.2V){el.2j.2V.1D(el,[k])}}).2Q();if(el.2j.7s){el.2j.7s.1D(el,[k,el.2j.8P.J(k.7K),el.2j.aa.J(el.2j.5R),el.2j.8P.J(el.2j.5R)])}el.2j.5R=k.7K}).eq(0).2B(el.2j.8N).2Q();j(k).A('W',j(k).A('W')).A('3r','2R')})}};j.fn.gf=j.fq.2r;j.fn.ck=q(6b,I,G,E){D k.1w('cR',q(){j.fx.ck(k,6b,I,G,E)})};j.fx.ck=q(el,6b,1a,E,G){C 8L=1V 6b=='4k'?6b:6b[1];C 8O=1V 6b=='4k'?R:6b[0];C 3c=j(el).1m("11")||'';if(1V 3c=='6H')3c=3c["5B"];j(el).3p(8L);if(8O){j(el).2B(8O)}C 6T=[];C 5W=[];C 1X=1e.66?1e.66.aj(el,R):el.1X;2b(C i=0;i<j.fx.3n.1f;i++){if(1X[j.fx.3n[i]])6T[i]=P(1X[j.fx.3n[i]])||0}2b(C i=0;i<j.fx.3h.1f;i++){if(1X[j.fx.3h[i]])5W[i]=1X[j.fx.3h[i]]}if(8O){j(el).3p(8O)}j(el).2B(8L);C 7j={};C 7h={};C 1X=1e.66?1e.66.aj(el,R):el.1X;2b(C i=0;i<j.fx.3n.1f;i++){if(1X[j.fx.3n[i]]){7M=P(1X[j.fx.3n[i]])||0;if(7M!=6T[i]){7j[j.fx.3n[i]]=7M}}}2b(C i=0;i<j.fx.3h.1f;i++){if(1X[j.fx.3h[i]]&&1X[j.fx.3h[i]]!=5W[i]){7h[j.fx.3h[i]]=[5W[i],1X[j.fx.3h[i]]]}}j(el).3p(8L).7g(1a,7h,E,G).5z(7j,1a,E,q(){j(k).2B(8L);if(1V j(k).1m("11")=='6H'){j(k).1m("11")["5B"]="";j(k).1m("11")["5B"]=3c}S{j(k).1m("11",3c)}j.2y(k,'cR')})};j.fn.b9=q(6X,1a,G,E){D k.1w('fp',q(){j.fx.b9(k,6X,1a,G,E)})};j.fx.b9=q(el,6X,1a,E,G){C 61;if(1V 6X=='4k'){61=j.fT(6X)}S{61=6X}C 3c=j(el).1m("11")||'';if(1V 3c=='6H')3c=3c["5B"];C 6T=[];C 5W=[];C 1X=1e.66?1e.66.aj(el,R):el.1X;2b(C i=0;i<j.fx.3n.1f;i++){if(1X[j.fx.3n[i]])6T[i]=P(1X[j.fx.3n[i]])||0}2b(C i=0;i<j.fx.3h.1f;i++){if(1X[j.fx.3h[i]])5W[i]=1X[j.fx.3h[i]]}j(el).A(61);C 7j={};C 7h={};C dD=0;C 1X=1e.66?1e.66.aj(el,R):el.1X;2b(C i=0;i<j.fx.3n.1f;i++){if(1X[j.fx.3n[i]]&&61[j.fx.3n[i]]){7M=P(1X[j.fx.3n[i]])||0;if(7M!=6T[i]){7j[j.fx.3n[i]]=7M;dD++}}}2b(C i=0;i<j.fx.3h.1f;i++){if(1X[j.fx.3h[i]]&&1X[j.fx.3h[i]]!=5W[i]){7h[j.fx.3h[i]]=[5W[i],1X[j.fx.3h[i]]]}}if(1V j(el).1m("11")=='6H'){j(el).1m("11")["5B"]="";j(el).1m("11")["5B"]=3c}S{j(el).1m("11",3c)}j(el).7g(1a,7h,E,G).5z(7j,1a,E);C 3P=1T.7l(q(){j.2y(el,'fp')},1a)};j.fT=q(bg){C 61={};if(1V bg=='4k'){fw=bg.7v(';');j.1F(fw,q(){aM=k.7v(':');if(aM.1f==2){61[j.eR(aM[0].7x(/\-(\w)/g,q(m,c){D c.im()}))]=j.eR(aM[1])}})}D 61};j.aH={2r:q(Q){D k.1F(q(){C el=k;C 7u=2*Z.2C/eT;C 9H=2*Z.2C;if(j(el).A('X')!='2o'&&j(el).A('X')!='1L'){j(el).A('X','2o')}el.1l={1R:j(Q.1R,k),2A:Q.2A,6f:Q.6f,9t:Q.9t,9H:9H,1N:j.18.2m(k),X:j.18.3A(k),24:Z.2C/2,cP:Q.cP,8o:Q.6B,6B:[],9X:H,7u:2*Z.2C/eT};el.1l.dR=(el.1l.1N.w-el.1l.2A)/2;el.1l.7P=(el.1l.1N.h-el.1l.6f-el.1l.6f*el.1l.8o)/2;el.1l.3q=2*Z.2C/el.1l.1R.1N();el.1l.b8=el.1l.1N.w/2;el.1l.cI=el.1l.1N.h/2-el.1l.6f*el.1l.8o;C 9J=1e.3G('1Y');j(9J).A({X:'1L',4w:1,N:0,M:0});j(el).1Q(9J);el.1l.1R.1F(q(2E){9k=j('1W',k).J(0);W=P(el.1l.6f*el.1l.8o);if(j.3f.4R){3I=1e.3G('1W');j(3I).A('X','1L');3I.2G=9k.2G;3I.11.5v='hV af:9e.9q.bP(1P=60, 11=1, hW=0, hX=0, i4=0, i5=0)'}S{3I=1e.3G('3I');if(3I.e5){4M=3I.e5("2d");3I.11.X='1L';3I.11.W=W+'T';3I.11.Y=el.1l.2A+'T';3I.W=W;3I.Y=el.1l.2A;4M.ie();4M.i9(0,W);4M.i8(1,-1);4M.i7(9k,0,0,el.1l.2A,W);4M.6E();4M.i6="ig-4g";C 9g=4M.iC(0,0,0,W);9g.ex(1,"e6(1U, 1U, 1U, 1)");9g.ex(0,"e6(1U, 1U, 1U, 0.6)");4M.iE=9g;if(iF.ip.3L('ix')!=-1){4M.hs()}S{4M.hp(0,0,el.1l.2A,W)}}}el.1l.6B[2E]=3I;j(9J).1Q(3I)}).1G('au',q(e){el.1l.9X=1b;el.1l.I=el.1l.7u*0.1*el.1l.I/Z.3W(el.1l.I);D H}).1G('92',q(e){el.1l.9X=H;D H});j.aH.7k(el);el.1l.I=el.1l.7u*0.2;el.1l.hg=1T.70(q(){el.1l.24+=el.1l.I;if(el.1l.24>9H)el.1l.24=0;j.aH.7k(el)},20);j(el).1G('92',q(){el.1l.I=el.1l.7u*0.2*el.1l.I/Z.3W(el.1l.I)}).1G('3E',q(e){if(el.1l.9X==H){1q=j.18.4e(e);dG=el.1l.1N.w-1q.x+el.1l.X.x;el.1l.I=el.1l.cP*el.1l.7u*(el.1l.1N.w/2-dG)/(el.1l.1N.w/2)}})})},7k:q(el){el.1l.1R.1F(q(2E){cN=el.1l.24+2E*el.1l.3q;x=el.1l.dR*Z.4J(cN);y=el.1l.7P*Z.8a(cN);d1=P(23*(el.1l.7P+y)/(2*el.1l.7P));dL=(el.1l.7P+y)/(2*el.1l.7P);Y=P((el.1l.2A-el.1l.9t)*dL+el.1l.9t);W=P(Y*el.1l.6f/el.1l.2A);k.11.N=el.1l.cI+y-W/2+"T";k.11.M=el.1l.b8+x-Y/2+"T";k.11.Y=Y+"T";k.11.W=W+"T";k.11.4w=d1;el.1l.6B[2E].11.N=P(el.1l.cI+y+W-1-W/2)+"T";el.1l.6B[2E].11.M=P(el.1l.b8+x-Y/2)+"T";el.1l.6B[2E].11.Y=Y+"T";el.1l.6B[2E].11.W=P(W*el.1l.8o)+"T"})}};j.fn.fY=j.aH.2r;j.29({E:{hY:q(p,n,21,1H,1a){D((-Z.4J(p*Z.2C)/2)+0.5)*1H+21},g0:q(p,n,21,1H,1a){D 1H*(n/=1a)*n*n+21},f8:q(p,n,21,1H,1a){D-1H*((n=n/1a-1)*n*n*n-1)+21},g1:q(p,n,21,1H,1a){if((n/=1a/2)<1)D 1H/2*n*n*n*n+21;D-1H/2*((n-=2)*n*n*n-2)+21},7Y:q(p,n,21,1H,1a){if((n/=1a)<(1/2.75)){D 1H*(7.ap*n*n)+21}S if(n<(2/2.75)){D 1H*(7.ap*(n-=(1.5/2.75))*n+.75)+21}S if(n<(2.5/2.75)){D 1H*(7.ap*(n-=(2.25/2.75))*n+.g2)+21}S{D 1H*(7.ap*(n-=(2.gb/2.75))*n+.g9)+21}},b2:q(p,n,21,1H,1a){if(j.E.7Y)D 1H-j.E.7Y(p,1a-n,0,1H,1a)+21;D 21+1H},ga:q(p,n,21,1H,1a){if(j.E.b2&&j.E.7Y)if(n<1a/2)D j.E.b2(p,n*2,0,1H,1a)*.5+21;D j.E.7Y(p,n*2-1a,0,1H,1a)*.5+1H*.5+21;D 21+1H},g7:q(p,n,21,1H,1a){C a,s;if(n==0)D 21;if((n/=1a)==1)D 21+1H;a=1H*0.3;p=1a*.3;if(a<Z.3W(1H)){a=1H;s=p/4}S{s=p/(2*Z.2C)*Z.cF(1H/a)}D-(a*Z.6c(2,10*(n-=1))*Z.8a((n*1a-s)*(2*Z.2C)/p))+21},g3:q(p,n,21,1H,1a){C a,s;if(n==0)D 21;if((n/=1a/2)==2)D 21+1H;a=1H*0.3;p=1a*.3;if(a<Z.3W(1H)){a=1H;s=p/4}S{s=p/(2*Z.2C)*Z.cF(1H/a)}D a*Z.6c(2,-10*n)*Z.8a((n*1a-s)*(2*Z.2C)/p)+1H+21},g8:q(p,n,21,1H,1a){C a,s;if(n==0)D 21;if((n/=1a/2)==2)D 21+1H;a=1H*0.3;p=1a*.3;if(a<Z.3W(1H)){a=1H;s=p/4}S{s=p/(2*Z.2C)*Z.cF(1H/a)}if(n<1){D-.5*(a*Z.6c(2,10*(n-=1))*Z.8a((n*1a-s)*(2*Z.2C)/p))+21}D a*Z.6c(2,-10*(n-=1))*Z.8a((n*1a-s)*(2*Z.2C)/p)*.5+1H+21}}});j.6m={2r:q(Q){D k.1F(q(){C el=k;el.1C={1R:j(Q.1R,k),1Z:j(Q.1Z,k),1K:j.18.3A(k),2A:Q.2A,9E:Q.9E,7b:Q.7b,eM:Q.eM,4U:Q.4U,6n:Q.6n};j.6m.9r(el,0);j(1T).1G('gL',q(){el.1C.1K=j.18.3A(el);j.6m.9r(el,0);j.6m.7k(el)});j.6m.7k(el);el.1C.1R.1G('au',q(){j(el.1C.9E,k).J(0).11.19='2I'}).1G('92',q(){j(el.1C.9E,k).J(0).11.19='1p'});j(1e).1G('3E',q(e){C 1q=j.18.4e(e);C 5D=0;if(el.1C.4U&&el.1C.4U=='ch')C 9C=1q.x-el.1C.1K.x-(el.4b-el.1C.2A*el.1C.1R.1N())/2-el.1C.2A/2;S if(el.1C.4U&&el.1C.4U=='2H')C 9C=1q.x-el.1C.1K.x-el.4b+el.1C.2A*el.1C.1R.1N();S C 9C=1q.x-el.1C.1K.x;C eE=Z.6c(1q.y-el.1C.1K.y-el.5M/2,2);el.1C.1R.1F(q(2E){4f=Z.dS(Z.6c(9C-2E*el.1C.2A,2)+eE);4f-=el.1C.2A/2;4f=4f<0?0:4f;4f=4f>el.1C.7b?el.1C.7b:4f;4f=el.1C.7b-4f;c0=el.1C.6n*4f/el.1C.7b;k.11.Y=el.1C.2A+c0+'T';k.11.M=el.1C.2A*2E+5D+'T';5D+=c0});j.6m.9r(el,5D)})})},9r:q(el,5D){if(el.1C.4U)if(el.1C.4U=='ch')el.1C.1Z.J(0).11.M=(el.4b-el.1C.2A*el.1C.1R.1N())/2-5D/2+'T';S if(el.1C.4U=='M')el.1C.1Z.J(0).11.M=-5D/el.1C.1R.1N()+'T';S if(el.1C.4U=='2H')el.1C.1Z.J(0).11.M=(el.4b-el.1C.2A*el.1C.1R.1N())-5D/2+'T';el.1C.1Z.J(0).11.Y=el.1C.2A*el.1C.1R.1N()+5D+'T'},7k:q(el){el.1C.1R.1F(q(2E){k.11.Y=el.1C.2A+'T';k.11.M=el.1C.2A*2E+'T'})}};j.fn.gX=j.6m.2r;j.L={1d:R,86:R,3H:R,2M:R,4s:R,cv:R,1c:R,2h:R,1R:R,5f:q(){j.L.86.5f();if(j.L.3H){j.L.3H.2O()}},3U:q(){j.L.1R=R;j.L.2h=R;j.L.4s=j.L.1c.2u;if(j.L.1d.A('19')=='2I'){if(j.L.1c.1g.fx){3t(j.L.1c.1g.fx.1t){1i'cA':j.L.1d.7O(j.L.1c.1g.fx.1a,j.L.5f);1r;1i'1y':j.L.1d.ej(j.L.1c.1g.fx.1a,j.L.5f);1r;1i'9F':j.L.1d.cX(j.L.1c.1g.fx.1a,j.L.5f);1r}}S{j.L.1d.2O()}if(j.L.1c.1g.3l)j.L.1c.1g.3l.1D(j.L.1c,[j.L.1d,j.L.3H])}S{j.L.5f()}1T.cM(j.L.2M)},f5:q(){C 1c=j.L.1c;C 4i=j.L.9v(1c);if(1c&&4i.3j!=j.L.4s&&4i.3j.1f>=1c.1g.aN){j.L.4s=4i.3j;j.L.cv=4i.3j;7C={2k:j(1c).1m('h0')||'2k',2u:4i.3j};j.gV({1t:'gS',7C:j.gT(7C),gU:q(dZ){1c.1g.4a=j('3j',dZ);1N=1c.1g.4a.1N();if(1N>0){C 5y='';1c.1g.4a.1F(q(2E){5y+='<8B 4H="'+j('2u',k).2Z()+'" 8c="'+2E+'" 11="8S: 9f;">'+j('2Z',k).2Z()+'</8B>'});if(1c.1g.9n){C 3B=j('2u',1c.1g.4a.J(0)).2Z();1c.2u=4i.3g+3B+1c.1g.3F+4i.63;j.L.6A(1c,4i.3j.1f!=3B.1f?(4i.3g.1f+4i.3j.1f):3B.1f,4i.3j.1f!=3B.1f?(4i.3g.1f+3B.1f):3B.1f)}if(1N>0){j.L.cz(1c,5y)}S{j.L.3U()}}S{j.L.3U()}},5N:1c.1g.aJ})}},cz:q(1c,5y){j.L.86.3v(5y);j.L.1R=j('8B',j.L.86.J(0));j.L.1R.au(j.L.fr).1G('5o',j.L.fs);C X=j.18.3A(1c);C 1N=j.18.2m(1c);j.L.1d.A('N',X.y+1N.hb+'T').A('M',X.x+'T').2B(1c.1g.ai);if(j.L.3H){j.L.3H.A('N',X.y+1N.hb+'T').A('M',X.x+'T')}j.L.2h=0;j.L.1R.J(0).3w=1c.1g.7B;j.L.9w(1c,1c.1g.4a.J(0),'7T');if(j.L.1d.A('19')=='1p'){if(1c.1g.cj){C cn=j.18.9V(1c,1b);C co=j.18.6M(1c,1b);j.L.1d.A('Y',1c.4b-(j.e0?(cn.l+cn.r+co.l+co.r):0)+'T')}if(1c.1g.fx){3t(1c.1g.fx.1t){1i'cA':j.L.1d.7G(1c.1g.fx.1a);1r;1i'1y':j.L.1d.f2(1c.1g.fx.1a);1r;1i'9F':j.L.1d.cW(1c.1g.fx.1a);1r}}S{j.L.1d.2c()}if(j.L.1c.1g.2V)j.L.1c.1g.2V.1D(j.L.1c,[j.L.1d,j.L.3H])}},fL:q(){C 1c=k;if(1c.1g.4a){j.L.4s=1c.2u;j.L.cv=1c.2u;C 5y='';1c.1g.4a.1F(q(2E){2u=j('2u',k).2Z().6J();ec=1c.2u.6J();if(2u.3L(ec)==0){5y+='<8B 4H="'+j('2u',k).2Z()+'" 8c="'+2E+'" 11="8S: 9f;">'+j('2Z',k).2Z()+'</8B>'}});if(5y!=''){j.L.cz(1c,5y);k.1g.9S=1b;D}}1c.1g.4a=R;k.1g.9S=H},6A:q(2k,24,2Q){if(2k.9i){C 6z=2k.9i();6z.gD(1b);6z.eg("bd",24);6z.gj("bd",-2Q+24);6z.8l()}S if(2k.ag){2k.ag(24,2Q)}S{if(2k.5j){2k.5j=24;2k.dN=2Q}}2k.6k()},f3:q(2k){if(2k.5j)D 2k.5j;S if(2k.9i){C 6z=1e.6A.da();C ed=6z.gk();D 0-ed.eg('bd',-gl)}},9v:q(2k){C 4P={2u:2k.2u,3g:'',63:'',3j:''};if(2k.1g.9m){C 8r=H;C 5j=j.L.f3(2k)||0;C 51=4P.2u.7v(2k.1g.3F);2b(C i=0;i<51.1f;i++){if((4P.3g.1f+51[i].1f>=5j||5j==0)&&!8r){if(4P.3g.1f<=5j)4P.3j=51[i];S 4P.63+=51[i]+(51[i]!=''?2k.1g.3F:'');8r=1b}S if(8r){4P.63+=51[i]+(51[i]!=''?2k.1g.3F:'')}if(!8r){4P.3g+=51[i]+(51.1f>1?2k.1g.3F:'')}}}S{4P.3j=4P.2u}D 4P},bs:q(e){1T.cM(j.L.2M);C 1c=j.L.9v(k);C 3J=e.7c||e.7f||-1;if(/13|27|35|36|38|40/.4D(3J)&&j.L.1R){if(1T.2i){1T.2i.cO=1b;1T.2i.cb=H}S{e.9l();e.9c()}if(j.L.2h!=R)j.L.1R.J(j.L.2h||0).3w='';S j.L.2h=-1;3t(3J){1i 9:1i 13:if(j.L.2h==-1)j.L.2h=0;C 2h=j.L.1R.J(j.L.2h||0);C 3B=2h.5J('4H');k.2u=1c.3g+3B+k.1g.3F+1c.63;j.L.4s=1c.3j;j.L.6A(k,1c.3g.1f+3B.1f+k.1g.3F.1f,1c.3g.1f+3B.1f+k.1g.3F.1f);j.L.3U();if(k.1g.5Z){4z=P(2h.5J('8c'))||0;j.L.9w(k,k.1g.4a.J(4z),'5Z')}if(k.7F)k.7F(H);D 3J!=13;1r;1i 27:k.2u=1c.3g+j.L.4s+k.1g.3F+1c.63;k.1g.4a=R;j.L.3U();if(k.7F)k.7F(H);D H;1r;1i 35:j.L.2h=j.L.1R.1N()-1;1r;1i 36:j.L.2h=0;1r;1i 38:j.L.2h--;if(j.L.2h<0)j.L.2h=j.L.1R.1N()-1;1r;1i 40:j.L.2h++;if(j.L.2h==j.L.1R.1N())j.L.2h=0;1r}j.L.9w(k,k.1g.4a.J(j.L.2h||0),'7T');j.L.1R.J(j.L.2h||0).3w=k.1g.7B;if(j.L.1R.J(j.L.2h||0).7F)j.L.1R.J(j.L.2h||0).7F(H);if(k.1g.9n){C 9K=j.L.1R.J(j.L.2h||0).5J('4H');k.2u=1c.3g+9K+k.1g.3F+1c.63;if(j.L.4s.1f!=9K.1f)j.L.6A(k,1c.3g.1f+j.L.4s.1f,1c.3g.1f+9K.1f)}D H}j.L.fL.1D(k);if(k.1g.9S==H){if(1c.3j!=j.L.4s&&1c.3j.1f>=k.1g.aN)j.L.2M=1T.7l(j.L.f5,k.1g.59);if(j.L.1R){j.L.3U()}}D 1b},9w:q(2k,3j,1t){if(2k.1g[1t]){C 7C={};9T=3j.e1('*');2b(i=0;i<9T.1f;i++){7C[9T[i].5a]=9T[i].7z.gg}2k.1g[1t].1D(2k,[7C])}},fr:q(e){if(j.L.1R){if(j.L.2h!=R)j.L.1R.J(j.L.2h||0).3w='';j.L.1R.J(j.L.2h||0).3w='';j.L.2h=P(k.5J('8c'))||0;j.L.1R.J(j.L.2h||0).3w=j.L.1c.1g.7B}},fs:q(2i){1T.cM(j.L.2M);2i=2i||j.2i.gp(1T.2i);2i.9l();2i.9c();C 1c=j.L.9v(j.L.1c);C 3B=k.5J('4H');j.L.1c.2u=1c.3g+3B+j.L.1c.1g.3F+1c.63;j.L.4s=k.5J('4H');j.L.6A(j.L.1c,1c.3g.1f+3B.1f+j.L.1c.1g.3F.1f,1c.3g.1f+3B.1f+j.L.1c.1g.3F.1f);j.L.3U();if(j.L.1c.1g.5Z){4z=P(k.5J('8c'))||0;j.L.gC(j.L.1c,j.L.1c.1g.4a.J(4z),'5Z')}D H},dC:q(e){3J=e.7c||e.7f||-1;if(/13|27|35|36|38|40/.4D(3J)&&j.L.1R){if(1T.2i){1T.2i.cO=1b;1T.2i.cb=H}S{e.9l();e.9c()}D H}},2r:q(Q){if(!Q.aJ||!j.18){D}if(!j.L.1d){if(j.3f.4R){j('2e',1e).1Q('<3H 11="19:1p;X:1L;5v:af:9e.9q.bP(1P=0);" id="f4" 2G="eZ:H;" eN="0" eD="bM"></3H>');j.L.3H=j('#f4')}j('2e',1e).1Q('<1Y id="dT" 11="X: 1L; N: 0; M: 0; z-c6: gq; 19: 1p;"><aP 11="ce: 0;gr: 0; gs-11: 1p; z-c6: gu;">&79;</aP></1Y>');j.L.1d=j('#dT');j.L.86=j('aP',j.L.1d)}D k.1F(q(){if(k.5a!='bt'&&k.5J('1t')!='2Z')D;k.1g={};k.1g.aJ=Q.aJ;k.1g.aN=Z.3W(P(Q.aN)||1);k.1g.ai=Q.ai?Q.ai:'';k.1g.7B=Q.7B?Q.7B:'';k.1g.5Z=Q.5Z&&Q.5Z.1I==2z?Q.5Z:R;k.1g.2V=Q.2V&&Q.2V.1I==2z?Q.2V:R;k.1g.3l=Q.3l&&Q.3l.1I==2z?Q.3l:R;k.1g.7T=Q.7T&&Q.7T.1I==2z?Q.7T:R;k.1g.cj=Q.cj||H;k.1g.9m=Q.9m||H;k.1g.3F=k.1g.9m?(Q.3F||', '):'';k.1g.9n=Q.9n?1b:H;k.1g.59=Z.3W(P(Q.59)||9I);if(Q.fx&&Q.fx.1I==7w){if(!Q.fx.1t||!/cA|1y|9F/.4D(Q.fx.1t)){Q.fx.1t='1y'}if(Q.fx.1t=='1y'&&!j.fx.1y)D;if(Q.fx.1t=='9F'&&!j.fx.5U)D;Q.fx.1a=Z.3W(P(Q.fx.1a)||8z);if(Q.fx.1a>k.1g.59){Q.fx.1a=k.1g.59-23}k.1g.fx=Q.fx}k.1g.4a=R;k.1g.9S=H;j(k).1m('bs','ge').6k(q(){j.L.1c=k;j.L.4s=k.2u}).dg(j.L.dC).6v(j.L.bs).5q(q(){j.L.2M=1T.7l(j.L.3U,gd)})})}};j.fn.gh=j.L.2r;j.1x={2M:R,4L:R,22:R,3q:10,24:q(el,5c,3q,dB){j.1x.4L=el;j.1x.22=5c;j.1x.3q=P(3q)||10;j.1x.2M=1T.70(j.1x.dv,P(dB)||40)},dv:q(){2b(i=0;i<j.1x.22.1f;i++){if(!j.1x.22[i].2W){j.1x.22[i].2W=j.29(j.18.7Q(j.1x.22[i]),j.18.6V(j.1x.22[i]),j.18.6C(j.1x.22[i]))}S{j.1x.22[i].2W.t=j.1x.22[i].2X;j.1x.22[i].2W.l=j.1x.22[i].3a}if(j.1x.4L.u&&j.1x.4L.u.7t==1b){65={x:j.1x.4L.u.2w,y:j.1x.4L.u.2p,1B:j.1x.4L.u.1A.1B,hb:j.1x.4L.u.1A.hb}}S{65=j.29(j.18.7Q(j.1x.4L),j.18.6V(j.1x.4L))}if(j.1x.22[i].2W.t>0&&j.1x.22[i].2W.y+j.1x.22[i].2W.t>65.y){j.1x.22[i].2X-=j.1x.3q}S if(j.1x.22[i].2W.t<=j.1x.22[i].2W.h&&j.1x.22[i].2W.t+j.1x.22[i].2W.hb<65.y+65.hb){j.1x.22[i].2X+=j.1x.3q}if(j.1x.22[i].2W.l>0&&j.1x.22[i].2W.x+j.1x.22[i].2W.l>65.x){j.1x.22[i].3a-=j.1x.3q}S if(j.1x.22[i].2W.l<=j.1x.22[i].2W.gi&&j.1x.22[i].2W.l+j.1x.22[i].2W.1B<65.x+65.1B){j.1x.22[i].3a+=j.1x.3q}}},aB:q(){1T.6i(j.1x.2M);j.1x.4L=R;j.1x.22=R;2b(i in j.1x.22){j.1x.22[i].2W=R}}};j.12={1d:R,F:R,5d:q(){D k.1F(q(){if(k.9s){k.u.5b.3z('5H',j.12.bR);k.u=R;k.9s=H}})},bR:q(e){if(j.12.F!=R){j.12.ad(e);D H}C B=k.3Z;j(1e).1G('3E',j.12.cu).1G('5Q',j.12.ad);B.u.1q=j.18.4e(e);B.u.4r=B.u.1q;B.u.7t=H;B.u.gm=k!=k.3Z;j.12.F=B;if(B.u.5w&&k!=k.3Z){bK=j.18.3A(B.3b);b0=j.18.2m(B);aS={x:P(j.A(B,'M'))||0,y:P(j.A(B,'N'))||0};dx=B.u.4r.x-bK.x-b0.1B/2-aS.x;dy=B.u.4r.y-bK.y-b0.hb/2-aS.y;j.31.4Y(B,[dx,dy])}D j.7e||H},d0:q(e){C B=j.12.F;B.u.7t=1b;C a0=B.11;B.u.76=j.A(B,'19');B.u.4m=j.A(B,'X');if(!B.u.bq)B.u.bq=B.u.4m;B.u.28={x:P(j.A(B,'M'))||0,y:P(j.A(B,'N'))||0};B.u.9h=0;B.u.9d=0;if(j.3f.4R){C aT=j.18.6M(B,1b);B.u.9h=aT.l||0;B.u.9d=aT.t||0}B.u.1A=j.29(j.18.3A(B),j.18.2m(B));if(B.u.4m!='2o'&&B.u.4m!='1L'){a0.X='2o'}j.12.1d.5f();C 5E=B.fU(1b);j(5E).A({19:'2I',M:'2J',N:'2J'});5E.11.5m='0';5E.11.5i='0';5E.11.5l='0';5E.11.5g='0';j.12.1d.1Q(5E);C 3V=j.12.1d.J(0).11;if(B.u.bU){3V.Y='9j';3V.W='9j'}S{3V.W=B.u.1A.hb+'T';3V.Y=B.u.1A.1B+'T'}3V.19='2I';3V.5m='2J';3V.5i='2J';3V.5l='2J';3V.5g='2J';j.29(B.u.1A,j.18.2m(5E));if(B.u.2U){if(B.u.2U.M){B.u.28.x+=B.u.1q.x-B.u.1A.x-B.u.2U.M;B.u.1A.x=B.u.1q.x-B.u.2U.M}if(B.u.2U.N){B.u.28.y+=B.u.1q.y-B.u.1A.y-B.u.2U.N;B.u.1A.y=B.u.1q.y-B.u.2U.N}if(B.u.2U.2H){B.u.28.x+=B.u.1q.x-B.u.1A.x-B.u.1A.hb+B.u.2U.2H;B.u.1A.x=B.u.1q.x-B.u.1A.1B+B.u.2U.2H}if(B.u.2U.4o){B.u.28.y+=B.u.1q.y-B.u.1A.y-B.u.1A.hb+B.u.2U.4o;B.u.1A.y=B.u.1q.y-B.u.1A.hb+B.u.2U.4o}}B.u.2w=B.u.28.x;B.u.2p=B.u.28.y;if(B.u.87||B.u.2l=='95'){8d=j.18.6M(B.3b,1b);B.u.1A.x=B.8Q+(j.3f.4R?0:j.3f.7H?-8d.l:8d.l);B.u.1A.y=B.8V+(j.3f.4R?0:j.3f.7H?-8d.t:8d.t);j(B.3b).1Q(j.12.1d.J(0))}if(B.u.2l){j.12.bN(B);B.u.5u.2l=j.12.cd}if(B.u.5w){j.31.bQ(B)}3V.M=B.u.1A.x-B.u.9h+'T';3V.N=B.u.1A.y-B.u.9d+'T';3V.Y=B.u.1A.1B+'T';3V.W=B.u.1A.hb+'T';j.12.F.u.a4=H;if(B.u.gx){B.u.5u.69=j.12.bS}if(B.u.4w!=H){j.12.1d.A('4w',B.u.4w)}if(B.u.1P){j.12.1d.A('1P',B.u.1P);if(1T.6Z){j.12.1d.A('5v','8g(1P='+B.u.1P*23+')')}}if(B.u.7I){j.12.1d.2B(B.u.7I);j.12.1d.J(0).7z.11.19='1p'}if(B.u.4t)B.u.4t.1D(B,[5E,B.u.28.x,B.u.28.y]);if(j.1v&&j.1v.89>0){j.1v.d6(B)}if(B.u.49==H){a0.19='1p'}D H},bN:q(B){if(B.u.2l.1I==am){if(B.u.2l=='95'){B.u.26=j.29({x:0,y:0},j.18.2m(B.3b));C 8p=j.18.6M(B.3b,1b);B.u.26.w=B.u.26.1B-8p.l-8p.r;B.u.26.h=B.u.26.hb-8p.t-8p.b}S if(B.u.2l=='1e'){C bc=j.18.b5();B.u.26={x:0,y:0,w:bc.w,h:bc.h}}}S if(B.u.2l.1I==7i){B.u.26={x:P(B.u.2l[0])||0,y:P(B.u.2l[1])||0,w:P(B.u.2l[2])||0,h:P(B.u.2l[3])||0}}B.u.26.dx=B.u.26.x-B.u.1A.x;B.u.26.dy=B.u.26.y-B.u.1A.y},9Y:q(F){if(F.u.87||F.u.2l=='95'){j('2e',1e).1Q(j.12.1d.J(0))}j.12.1d.5f().2O().A('1P',1);if(1T.6Z){j.12.1d.A('5v','8g(1P=23)')}},ad:q(e){j(1e).3z('3E',j.12.cu).3z('5Q',j.12.ad);if(j.12.F==R){D}C F=j.12.F;j.12.F=R;if(F.u.7t==H){D H}if(F.u.4c==1b){j(F).A('X',F.u.4m)}C a0=F.11;if(F.5w){j.12.1d.A('8S','8E')}if(F.u.7I){j.12.1d.3p(F.u.7I)}if(F.u.6F==H){if(F.u.fx>0){if(!F.u.1M||F.u.1M=='4d'){C x=14 j.fx(F,{1a:F.u.fx},'M');x.1J(F.u.28.x,F.u.8h)}if(!F.u.1M||F.u.1M=='4h'){C y=14 j.fx(F,{1a:F.u.fx},'N');y.1J(F.u.28.y,F.u.83)}}S{if(!F.u.1M||F.u.1M=='4d')F.11.M=F.u.8h+'T';if(!F.u.1M||F.u.1M=='4h')F.11.N=F.u.83+'T'}j.12.9Y(F);if(F.u.49==H){j(F).A('19',F.u.76)}}S if(F.u.fx>0){F.u.a4=1b;C dh=H;if(j.1v&&j.1s&&F.u.4c){dh=j.18.3A(j.1s.1d.J(0))}j.12.1d.5z({M:dh?dh.x:F.u.1A.x,N:dh?dh.y:F.u.1A.y},F.u.fx,q(){F.u.a4=H;if(F.u.49==H){F.11.19=F.u.76}j.12.9Y(F)})}S{j.12.9Y(F);if(F.u.49==H){j(F).A('19',F.u.76)}}if(j.1v&&j.1v.89>0){j.1v.d4(F)}if(j.1s&&F.u.4c){j.1s.fV(F)}if(F.u.2T&&(F.u.8h!=F.u.28.x||F.u.83!=F.u.28.y)){F.u.2T.1D(F,F.u.cC||[0,0,F.u.8h,F.u.83])}if(F.u.43)F.u.43.1D(F);D H},bS:q(x,y,dx,dy){if(dx!=0)dx=P((dx+(k.u.gx*dx/Z.3W(dx))/2)/k.u.gx)*k.u.gx;if(dy!=0)dy=P((dy+(k.u.gy*dy/Z.3W(dy))/2)/k.u.gy)*k.u.gy;D{dx:dx,dy:dy,x:0,y:0}},cd:q(x,y,dx,dy){dx=Z.3N(Z.3y(dx,k.u.26.dx),k.u.26.w+k.u.26.dx-k.u.1A.1B);dy=Z.3N(Z.3y(dy,k.u.26.dy),k.u.26.h+k.u.26.dy-k.u.1A.hb);D{dx:dx,dy:dy,x:0,y:0}},cu:q(e){if(j.12.F==R||j.12.F.u.a4==1b){D}C F=j.12.F;F.u.4r=j.18.4e(e);if(F.u.7t==H){4f=Z.dS(Z.6c(F.u.1q.x-F.u.4r.x,2)+Z.6c(F.u.1q.y-F.u.4r.y,2));if(4f<F.u.6D){D}S{j.12.d0(e)}}C dx=F.u.4r.x-F.u.1q.x;C dy=F.u.4r.y-F.u.1q.y;2b(C i in F.u.5u){C 3m=F.u.5u[i].1D(F,[F.u.28.x+dx,F.u.28.y+dy,dx,dy]);if(3m&&3m.1I==7w){dx=i!='7X'?3m.dx:(3m.x-F.u.28.x);dy=i!='7X'?3m.dy:(3m.y-F.u.28.y)}}F.u.2w=F.u.1A.x+dx-F.u.9h;F.u.2p=F.u.1A.y+dy-F.u.9d;if(F.u.5w&&(F.u.3K||F.u.2T)){j.31.3K(F,F.u.2w,F.u.2p)}if(F.u.4u)F.u.4u.1D(F,[F.u.28.x+dx,F.u.28.y+dy]);if(!F.u.1M||F.u.1M=='4d'){F.u.8h=F.u.28.x+dx;j.12.1d.J(0).11.M=F.u.2w+'T'}if(!F.u.1M||F.u.1M=='4h'){F.u.83=F.u.28.y+dy;j.12.1d.J(0).11.N=F.u.2p+'T'}if(j.1v&&j.1v.89>0){j.1v.9Z(F)}D H},2r:q(o){if(!j.12.1d){j('2e',1e).1Q('<1Y id="dP"></1Y>');j.12.1d=j('#dP');C el=j.12.1d.J(0);C 5c=el.11;5c.X='1L';5c.19='1p';5c.8S='8E';5c.dt='1p';5c.3r='2R';if(1T.6Z){el.bW=q(){D H};el.dO=q(){D H}}S{5c.gW='1p';5c.gY='1p'}}if(!o){o={}}D k.1F(q(){if(k.9s||!j.18)D;if(1T.6Z){k.bW=q(){D H};k.dO=q(){D H}}C el=k;C 5b=o.3x?j(k).gP(o.3x):j(k);if(j.3f.4R){5b.1F(q(){k.bW=q(){D H};k.gH=q(){D H};k.gG="gF"})}S{5b.A('-gJ-7X-8l','1p');5b.A('7X-8l','1p');5b.A('-gK-7X-8l','1p')}k.u={5b:5b,6F:o.6F?1b:H,49:o.49?1b:H,4c:o.4c?o.4c:H,5w:o.5w?o.5w:H,87:o.87?o.87:H,4w:o.4w?P(o.4w)||0:H,1P:o.1P?2K(o.1P):H,fx:P(o.fx)||R,6N:o.6N?o.6N:H,5u:{},1q:{},4t:o.4t&&o.4t.1I==2z?o.4t:H,43:o.43&&o.43.1I==2z?o.43:H,2T:o.2T&&o.2T.1I==2z?o.2T:H,1M:/4h|4d/.4D(o.1M)?o.1M:H,6D:o.6D?P(o.6D)||0:0,2U:o.2U?o.2U:H,bU:o.bU?1b:H,7I:o.7I||H};if(o.5u&&o.5u.1I==2z)k.u.5u.7X=o.5u;if(o.4u&&o.4u.1I==2z)k.u.4u=o.4u;if(o.2l&&((o.2l.1I==am&&(o.2l=='95'||o.2l=='1e'))||(o.2l.1I==7i&&o.2l.1f==4))){k.u.2l=o.2l}if(o.2D){k.u.2D=o.2D}if(o.69){if(1V o.69=='gN'){k.u.gx=P(o.69)||1;k.u.gy=P(o.69)||1}S if(o.69.1f==2){k.u.gx=P(o.69[0])||1;k.u.gy=P(o.69[1])||1}}if(o.3K&&o.3K.1I==2z){k.u.3K=o.3K}k.9s=1b;5b.1F(q(){k.3Z=el});5b.1G('5H',j.12.bR)})}};j.fn.29({9o:j.12.5d,72:j.12.2r});j.1v={dc:q(5G,5F,74,7a){D 5G<=j.12.F.u.2w&&(5G+74)>=(j.12.F.u.2w+j.12.F.u.1A.w)&&5F<=j.12.F.u.2p&&(5F+7a)>=(j.12.F.u.2p+j.12.F.u.1A.h)?1b:H},cK:q(5G,5F,74,7a){D!(5G>(j.12.F.u.2w+j.12.F.u.1A.w)||(5G+74)<j.12.F.u.2w||5F>(j.12.F.u.2p+j.12.F.u.1A.h)||(5F+7a)<j.12.F.u.2p)?1b:H},1q:q(5G,5F,74,7a){D 5G<j.12.F.u.4r.x&&(5G+74)>j.12.F.u.4r.x&&5F<j.12.F.u.4r.y&&(5F+7a)>j.12.F.u.4r.y?1b:H},5h:H,3X:{},89:0,3O:{},d6:q(B){if(j.12.F==R){D}C i;j.1v.3X={};C c4=H;2b(i in j.1v.3O){if(j.1v.3O[i]!=R){C 1j=j.1v.3O[i].J(0);if(j(j.12.F).is('.'+1j.1h.a)){if(1j.1h.m==H){1j.1h.p=j.29(j.18.7Q(1j),j.18.6V(1j));1j.1h.m=1b}if(1j.1h.ac){j.1v.3O[i].2B(1j.1h.ac)}j.1v.3X[i]=j.1v.3O[i];if(j.1s&&1j.1h.s&&j.12.F.u.4c){1j.1h.el=j('.'+1j.1h.a,1j);B.11.19='1p';j.1s.cL(1j);1j.1h.9R=j.1s.9a(j.1m(1j,'id')).7n;B.11.19=B.u.76;c4=1b}if(1j.1h.as){1j.1h.as.1D(j.1v.3O[i].J(0),[j.12.F])}}}}if(c4){j.1s.24()}},dd:q(){j.1v.3X={};2b(i in j.1v.3O){if(j.1v.3O[i]!=R){C 1j=j.1v.3O[i].J(0);if(j(j.12.F).is('.'+1j.1h.a)){1j.1h.p=j.29(j.18.7Q(1j),j.18.6V(1j));if(1j.1h.ac){j.1v.3O[i].2B(1j.1h.ac)}j.1v.3X[i]=j.1v.3O[i];if(j.1s&&1j.1h.s&&j.12.F.u.4c){1j.1h.el=j('.'+1j.1h.a,1j);B.11.19='1p';j.1s.cL(1j);B.11.19=B.u.76}}}}},9Z:q(e){if(j.12.F==R){D}j.1v.5h=H;C i;C bO=H;C d2=0;2b(i in j.1v.3X){C 1j=j.1v.3X[i].J(0);if(j.1v.5h==H&&j.1v[1j.1h.t](1j.1h.p.x,1j.1h.p.y,1j.1h.p.1B,1j.1h.p.hb)){if(1j.1h.hc&&1j.1h.h==H){j.1v.3X[i].2B(1j.1h.hc)}if(1j.1h.h==H&&1j.1h.7d){bO=1b}1j.1h.h=1b;j.1v.5h=1j;if(j.1s&&1j.1h.s&&j.12.F.u.4c){j.1s.1d.J(0).3w=1j.1h.d5;j.1s.9Z(1j)}d2++}S if(1j.1h.h==1b){if(1j.1h.7J){1j.1h.7J.1D(1j,[e,j.12.1d.J(0).7z,1j.1h.fx])}if(1j.1h.hc){j.1v.3X[i].3p(1j.1h.hc)}1j.1h.h=H}}if(j.1s&&!j.1v.5h&&j.12.F.4c){j.1s.1d.J(0).11.19='1p'}if(bO){j.1v.5h.1h.7d.1D(j.1v.5h,[e,j.12.1d.J(0).7z])}},d4:q(e){C i;2b(i in j.1v.3X){C 1j=j.1v.3X[i].J(0);if(1j.1h.ac){j.1v.3X[i].3p(1j.1h.ac)}if(1j.1h.hc){j.1v.3X[i].3p(1j.1h.hc)}if(1j.1h.s){j.1s.6Q[j.1s.6Q.1f]=i}if(1j.1h.al&&1j.1h.h==1b){1j.1h.h=H;1j.1h.al.1D(1j,[e,1j.1h.fx])}1j.1h.m=H;1j.1h.h=H}j.1v.3X={}},5d:q(){D k.1F(q(){if(k.aE){if(k.1h.s){id=j.1m(k,'id');j.1s.5C[id]=R;j('.'+k.1h.a,k).9o()}j.1v.3O['d'+k.cB]=R;k.aE=H;k.f=R}})},2r:q(o){D k.1F(q(){if(k.aE==1b||!o.3D||!j.18||!j.12){D}k.1h={a:o.3D,ac:o.at||H,hc:o.ay||H,d5:o.58||H,al:o.g4||o.al||H,7d:o.7d||o.cT||H,7J:o.7J||o.cY||H,as:o.as||H,t:o.6I&&(o.6I=='dc'||o.6I=='cK')?o.6I:'1q',fx:o.fx?o.fx:H,m:H,h:H};if(o.cp==1b&&j.1s){id=j.1m(k,'id');j.1s.5C[id]=k.1h.a;k.1h.s=1b;if(o.2T){k.1h.2T=o.2T;k.1h.9R=j.1s.9a(id).7n}}k.aE=1b;k.cB=P(Z.6g()*d3);j.1v.3O['d'+k.cB]=j(k);j.1v.89++})}};j.fn.29({fi:j.1v.5d,ff:j.1v.2r});j.g6=j.1v.dd;j.3M={1d:R,8v:q(){2Z=k.2u;if(!2Z)D;11={do:j(k).A('do')||'',4l:j(k).A('4l')||'',dp:j(k).A('dp')||'',dq:j(k).A('dq')||'',dr:j(k).A('dr')||'',dn:j(k).A('dn')||'',bb:j(k).A('bb')||'',di:j(k).A('di')||''};j.3M.1d.A(11);3v=j.3M.fP(2Z);3v=3v.7x(14 dk("\\n","g"),"<br />");j.3M.1d.3v('fZ');b7=j.3M.1d.J(0).4b;j.3M.1d.3v(3v);Y=j.3M.1d.J(0).4b+b7;if(k.6t.2F&&Y>k.6t.2F[0]){Y=k.6t.2F[0]}k.11.Y=Y+'T';if(k.5a=='bT'){W=j.3M.1d.J(0).5M+b7;if(k.6t.2F&&W>k.6t.2F[1]){W=k.6t.2F[1]}k.11.W=W+'T'}},fP:q(2Z){bE={'&':'&iK;','<':'&ji;','>':'&gt;','"':'&jj;'};2b(i in bE){2Z=2Z.7x(14 dk(i,'g'),bE[i])}D 2Z},2r:q(2F){if(j.3M.1d==R){j('2e',1e).1Q('<1Y id="dj" 11="X: 1L; N: 0; M: 0; 3i: 2R;"></1Y>');j.3M.1d=j('#dj')}D k.1F(q(){if(/bT|bt/.4D(k.5a)){if(k.5a=='bt'){df=k.5J('1t');if(!/2Z|jk/.4D(df)){D}}if(2F&&(2F.1I==c8||(2F.1I==7i&&2F.1f==2))){if(2F.1I==c8)2F=[2F,2F];S{2F[0]=P(2F[0])||8z;2F[1]=P(2F[1])||8z}k.6t={2F:2F}}j(k).5q(j.3M.8v).6v(j.3M.8v).dg(j.3M.8v);j.3M.8v.1D(k)}})}};j.fn.jl=j.3M.2r;j.4E=q(e){if(/jh|jg|jc|6s|jb|jd


//]]>
</script>



Para acabar, y antes de </body> debes poner lo siguiente en función de dónde quieres que salgan los tooltips:

[+]Ver código



<script type='text/javascript'>
$('a').ToolTip(
{
className: 'linksTooltip',
position: 'mouse',
delay: 200
}
);
</script>




Si quieres que aparezcan al pasar el cursor sobre las imágenes, por ejemplo, sustituye $('a') por $('img').

Ahora vamos a darle un poco de "estilo" a nuestros tooltips:
En el CSS:

[+]Ver código


.linksTooltip {
border: 3px solid #933;
background-color: #600;
padding: 10px;
color: #ccc;
}
#tooltipURL {
display: none; /* --Borra esto si quieres mostrar la url a la que se dirige el enlace-- */
}



Por poner un ejemplo, en el blog de @TwittBoy (TodoTwitter), el CSS que utilizamos es el siguiente:

[+]Ver código


.linksTooltip{
border: 3px solid #00CCFF;
background-color: #CCFFFF;
color: #0000FF;
font-family: Comic Sans MS, Arial;
cursor:pointer;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;;
-moz-border-radius-bottomright:10px;;
-webkit-border-bottom-right-radius:10px;
}
#tooltipURL {
display: none;
}



En el caso de este blog, además he insertado una imagen de fondo a los tooltips:

[+]Ver código


.linksTooltip {

font-family: Comic Sans MS, Arial;
background: #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimzpyrhGsLbg-FjhbbtkJVm98_EXZTZmlcIt7bYf8BpG4IKOjEOSgkETgx5J_2dzT_Z6caXHnxu5bFQjllxiCmrG1R4x28fKBqxlisOmWyELqCayAH0lGwVK_fuS8DoNE6jFrq7RU8TMuZ/s1600/backtips.jpg) repeat-x top left;
cursor:pointer;
-moz-border-radius-topleft:3px;
-webkit-border-top-left-radius:3px;
-moz-border-radius-bottomleft:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-radius-topright:3px;
-webkit-border-top-right-radius:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-right-radius:3px;
padding: 10px;
color: #333333;
}
#tooltipURL {
display: none;
}



Para ver más ejemplos, haz clic aquí.



Para saber más:
Visita la web de Interface |


Subir || Bajar

15 opiniones:

Unknown :

El amigo @twittboy? suena raro... ahhhh milaaaagro no le dijiste pajarraco! jajajjaja esta bien ;) mmm... en cuanto pueda probaré el truquillo para ver como me va ;) porque ya se ve entretenido, muchas gracias!

besos ronroneados ^_^

Iván_RG :

Jajaja!! seamos serios, seamos serios, vamos a dejarlo en "amigo" esta vez, que me ha estado ayudando estos días.

Un beso para ti, Pau.

Nathan yo :

Iván te deje un E-mail bueno a la pagina principal de banakabanaka, espero que te hayas enterado sino dime y te lo envió a tu cuenta personal

Iván_RG :

Lo recibí, lo recibí, ahora mismo te contesto, que he estado algo liado.

Un saludo!!

Anónimo :

Ivan: gracias por seguir mi blog, yo sigo el tuyo y lo linkeo, ok, nos vemos, chao

Iván_RG :

Ascesino96 gracias por pasar por aquí, saludos!!

Iván_RG :

Gracias a ti Fiorella Valera por tu comentario.
Saludos.

Liz Hopps :

Graciassssssssss...
que lindo formulario de comentarios...creo que hechare una mirada por aqui a ver que encuentro...estoy en le mes de "remodelacion de blogs" del año..jajaj =3
LIZ

Liz Hopps :

La parte de abajo de tu blog es maravillosaaaaaaaaaaaaa...hacia tiempo que no veia un blog tan ENTRETENIDO!!!! y magníficamente diseñado...
miles de ohhhhhhhhhhhhhhhhh!!!!
Es maravilloso!!!
=)

Liz Hopps :

La palabra es ORIGINAL...un blog ORIGINAL...es que la blogosfera se ha vuelto aburrida donde todos se copian ...ya no hay individualidad...y ver eto es refrescante!! =)

Iván_RG :

Muchas gracias Elizabetha Souvre, me abrumas con esos piropos... jejeje!! me alegro de que te guste, y ánimo con ese mes de remodelación de blogs, mucha paciencia!!

Juanma™ :

Hola Iván, muy guapa tu plantilla nueva.
He intentado implementar este truco en mi blog pero no funciona... creo que es porque no coloco el último código bien. ¿Dónde debo colocarlo para que sirva para toda la plantilla? No se si entenderás lo que te pregunto... Bueno, gracias por adelantado.
Saludos, Juanma

Iván_RG :

Juanma™ se me había pasado tu comentario, disculpa.
Creo que sí te entiendo, deberías ponerlo antes de </body> y con eso afectarte a todo el blog.

Desplegar Formulario
Subir

Deja aquí tu comentario:
(y recuerda que hemos retirado los "Nofollow")

Directorios
Blogs con EÑE directorio de blogs
Enlázanos
Código +/-

Código +/-

Código +/-
 

Formulario de Contacto


Lo quieres?

Nombre*: E-Mail*:

Asunto:

Mensaje*:

¿Cuantos lados tiene un Cuadrado?*:


(Los campos marcados con * son obligatorios)