Advertisement
aukun

prototipus-inicial

Dec 31st, 2017
159
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 36.61 KB | None | 0 0
  1. <html id='H'><head id='h'><meta charset='utf-8'></head>
  2. <!--
  3. twitter->@CrowdsWeaver
  4. 1-coses per millorar crear rellotge analogic,
  5. 2-botons de zones, zona agenda, zona llista, zona chat, zona forums, zona help, zona test, zona wall, zona curriculum,
  6. zona search,  
  7. 3-investigar moure amb coses amb el variables time
  8. 4-moviments progresius crear funcions de moviment transform
  9. 5-mirar com fer un editor de formules
  10. 6-mirar az la variable M que esta errata
  11. 7-crear en event la opcio de adquirir el codi desde un div qualsevol
  12. 8-ampliar el maxim de digits en el titol de un div
  13.  
  14. -->
  15. <body id='b'><style>.Us{-moz-appearance:none;text-indent:0.01px;text-overflow:'';}</style></body><script id='s'>
  16.  
  17. //rotate accions -> %%%d0->onclick$d1->transform;rotate(45deg)
  18. //textIndent
  19. //per els bototns habia pensat posar eñ abecedari nko que correspon a la numeracio
  20. //decimal de html de 1984 fins a 2111
  21. //
  22. /*/////llista de ids;
  23. <iframe width='420' height='315' src='https://www.youtube.com/embed/ASj81daun5Q' frameborder='0' allowfullscreen></iframe>
  24. H->id de html
  25. h->id de head
  26. b->id de body
  27. s->id de script
  28. m_->id de menu
  29. mn->boto new
  30. ms->boto selector de div
  31. */
  32.  
  33. /*/////lista vars de windows
  34. O->funcio Object
  35. dragp->funcio de dragacio, si la id te el caracter _ drageja el propi objecte
  36. opt->crea options dins un select ,1 parent, 2 innerhtml del option separats amb','  ,3 value de options
  37. sel->crea selects, 1 id,2parent,3 properties,4 innerhtml,5 values.
  38. L->variable de div marcat
  39. c->contador div
  40.  
  41. */
  42. ///zona variables
  43. var W=window;
  44. var L;
  45. var c;
  46. var Q='';
  47. var hns='http://www.w3.org/2000/svg';
  48. ////////////////////////////////////////////////////zona funcions
  49. String.prototype.rep=function(){var a=arguments;var z=this.replace(a[0],a[1]);while(z.indexOf(a[0])>-1){z=z.replace(a[0],a[1]);};return z;}
  50. //////////funcio O
  51. function O(){
  52.     var a=arguments;var l=a.length;
  53.     var i=(typeof(a[0])=='string')?document.getElementById(a[0]):a[0];
  54.    
  55.     if(l>1){
  56.         if((a[1].indexOf(':')>0)||(a[1].indexOf(';')>0)){  
  57.             var i=O(a[0]);
  58.             var p=Array();
  59.             if(a[1].indexOf(',')>0){p=a[1].split(',');}else{p[0]=a[1];}
  60.            
  61.             for(var k=0;k<p.length;k++){
  62.                
  63.                 var c=((p[k].substr(0,4)=='opac')||(p[k].substr(0,4)=='href')||(p[k].substr(0,3)=='src'))?p[k]:p[k].replace('.','px');
  64.                
  65.                 if(c.indexOf(':')>0){
  66.                     var j=c.split(':');
  67.                    
  68.                     i[j[0]]=(j.length<3)?j[1]:c.substr((c.indexOf(':'))+1);    
  69.                 }else if(c.indexOf(';')>0){
  70.                     var j=c.split(';');
  71.                     if(j[0].substr(0,1)=='%'){
  72.                     j[0]=j[0].substr(1);
  73.                     i.parentNode.style[j[0]]=j[1];
  74.                     }else{i.style[j[0]]=j[1];};
  75.                    
  76.                    
  77.                
  78.                 }else if(c.indexOf('@')>0){
  79.                     var j=c.split('@');
  80.                     if(j.length==2){i[j[0]]=window[j[1]];}else{i[j[0]]=window[j[1]](j[2]);}
  81.                    
  82.                 }
  83.             }
  84.         }else{
  85.             var i=document.createElement(a[1]);
  86.             i.id=(a[0]!='')?a[0]:null;
  87.  
  88.             if(l>2){
  89.                 var p=O(a[2]);
  90.                 p.appendChild(i);
  91.  
  92.             }
  93.             if(l==4){O(i,a[3]);}
  94.         }
  95.     }else{}
  96.    
  97.     return i;
  98. }
  99. function ash(){var c=0;var z=arguments;var a=z[1].split(',');var t=z[0].split(':');var o=document.createElementNS(hns,t[1]);for(var k=0;k<a.length;k++){var j=a[k];if(j.indexOf(':')>=0){var l=j.split(':');o.setAttributeNS(null,l[0],l[1]);}else{var l=j.split('@');O(z[1]).setAttributeNS(null,l[0],l[1]);}}o.id=t[0]+'a'+c;O(t[0]).appendChild(o);c++;}
  100. function asv(i,p,a){
  101. if(p!=''){var K=document.createElementNS(hns,'svg');var o=i.split(':');K.id=o[0];K.width=o[1];K.height=o[2];O(p).appendChild(K);}else{var o=Array();o[0]=i;}
  102.  
  103. if(a!=''){var c=0;var u=a.split('|');for(var k=0;k<u.length;k++){var d=u[k];var z=d.split('&');ash(o[0]+':'+z[0],z[1]);}}
  104. }
  105.  
  106. function Et(){//borra tots aquelles propietats que son incompatibles amb ty
  107. if(O(L+'ee')){O(L+'ee').remove();}
  108. O(L+'e','innerHTML:,padding;0.,contentEditable:false');
  109. var t=O(L).ty;
  110.  
  111. if(t=='tex'){
  112.  
  113. O(L+'e','innerHTML:,padding;5.,overflow;auto,contentEditable:true');
  114. }else if(t=='emb'){//per embeds externs pagiens web o videos
  115. //>>>>>>>>>>>>>>>comprobar comportaments amb sons, imatges, videos, pagines,
  116. O(L+'ee','iframe',L+'e','position;absolute,width;100%,height;100%,borderWidth;0.,display;auto,left;0.,top;0.');
  117. O(L+'e','overflow;hidden');
  118. //O(L+'ee').src='https://www.youtube.com/embed/qiB98Wbsdlo';
  119. //,borderWidth;0.,position;relative,width;100%,height;100%,display;auto
  120. }else if(t=='emi'){//per embeds interns mirar comportaments  
  121. O(L+'ee','embed',L+'e','position;absolute,width:100%,display;auto,height:100%,border;0px solid red');
  122. O(L+'e','overflow;hidden');
  123. O(L+'ee').href='https://www.youtube.com/embed/1_7GQdSm4ns';
  124. }else if(t=='svg'){
  125. asv(L+'ee',L+'e','');
  126.  
  127. //O(L+'ee','position;absolute,width:100%,display;auto,height:100%,border;0px solid red');
  128. O(L+'e','overflow;hidden');
  129. }
  130. }
  131.  
  132. function res(e2){
  133.     var a=this.id;
  134.     function mou(e2){
  135.         o.style.width=e2.pageX-x0+px+'px';
  136.         o.style.height=e2.pageY-y0+py+'px';
  137.         if(o.offsetHeight>parseInt(H)){O(o,'height;'+H+'.,');}
  138.         if(o.offsetHeight<parseInt(h)){O(o,'height;'+h+'.,');}
  139.         if(o.offsetWidth>parseInt(P)){O(o,'width;'+P+'.,');}
  140.         if(o.offsetWidth<parseInt(w)){O(o,'width;'+w+'.,');}
  141.         if((O('Sqz2'))&&(a.substr(0,1)=='d')){O('Sqz2').textContent=parseInt(o.style.width);}
  142.         if((O('Sqz3'))&&(a.substr(0,1)=='d')){O('Sqz3').textContent=parseInt(o.style.height);}
  143.         document.addEventListener('mouseup', upm, true);
  144.     };
  145.     function upm(e2){
  146.         document.removeEventListener('mousemove', mou, true);
  147.         document.removeEventListener('mouseup', upm, true);
  148.     };
  149.    
  150.     var o=this.parentNode;
  151.     var H=o.H;var h=o.h;var P=o.W;var w=o.w;
  152.     x0=e2.pageX;y0=e2.pageY;
  153.     px=parseInt(o.style.width);
  154.     py=parseInt(o.style.height);
  155.        
  156.         document.addEventListener('mousemove', mou, true);
  157.         document.addEventListener('mouseup', upm, true);
  158. }
  159. function dra(e2){
  160.     var document=window.document;
  161.     var l=(typeof this.l=='undefined')?1200:parseInt(this.l);
  162.     var t=(typeof this.t=='undefined')?5000:parseInt(this.t);
  163.     if(this.id.indexOf('_')>=0){o=this;}else{o=this.parentNode;}
  164.     var a=this.id;
  165.     function mou(e2){
  166.         o.style.left=e2.pageX-x0+px+'px';
  167.         o.style.top=e2.pageY-y0+py+'px';
  168.         if((parseInt(o.style.left)<0)){o.style.left='0px';}
  169.         if((parseInt(o.style.left)>l)){o.style.left=l+'px';}
  170.         if((parseInt(o.style.top)<0)){o.style.top='0px';};
  171.         if((parseInt(o.style.top)>t)){o.style.top=t+'px';}
  172.         if((O('Sqz0'))&&(a.substr(0,1)=='d')){O('Sqz0').textContent=parseInt(o.style.left);}
  173.         if((O('Sqz1'))&&(a.substr(0,1)=='d')){O('Sqz1').textContent=parseInt(o.style.top);}
  174.         document.addEventListener('mouseup', upm, true);
  175.     };
  176.    
  177.     function upm(e2){
  178.         document.removeEventListener('mousemove', mou, true);
  179.         document.removeEventListener('mouseup', upm, true);
  180.     };
  181.     x0=e2.pageX;y0=e2.pageY;
  182.     px=parseInt(o.style.left);
  183.     py=parseInt(o.style.top);
  184.     document.addEventListener('mousemove', mou, true);
  185.     document.addEventListener('mouseup', upm, true);
  186. }
  187. function opt(){var a=arguments;var p=O(a[0]);var o=a[1].split(',');var v=a[2].split(',');for(var k=0;k<o.length;k++){O(p.id+k,'option',p,'innerHTML:'+o[k]+',value:'+v[k]);}}
  188. function sel(){var a=arguments;O(a[0],'select',a[1],a[2]);opt(a[0], a[3],a[4]);}
  189. function li(){
  190.     var j=O('ms');
  191.     while(j.firstChild){j.removeChild(j.firstChild);}
  192.     var X=O('b').childNodes;var y=0;
  193.     Q='';Q=Array();
  194.     for(var t=0;t<X.length;t++){var i=String(X[t].id);
  195.         if(i.charAt(0)=='d'){
  196.         Q[y]=i;y++;
  197.         O('ms'+i,'option','ms','innerHTML:'+O(i+'c').innerHTML+',value:'+i);
  198.         }
  199.     };
  200.    
  201.     O('ms').value=L;
  202.     L=Q[Q.length-1];
  203. }
  204. function az(){
  205.     var z=arguments;
  206.     O(z[0]).onkeyup=function(){
  207.     if(z.length==4){
  208.             var g=z[3].split('-');
  209.             var q=parseInt(g[0]);
  210.             var w=parseInt(g[1]);
  211.             var t=parseInt(this.textContent);
  212.             if(t>w){O(z[0]).textContent=w;}
  213.             if(t<q){O(z[0]).textContent=q;}
  214.             }
  215.     }
  216.     O(z[0]).onkeypress=function(v){
  217.         var e=window.v||v;
  218.         var k=e.keyCode||e.which;
  219.         var a=Array(8,37,39,46);
  220.         var s=(a.indexOf(k)>=0);
  221.         if(this.textContent.length>=z[1]){return s;};
  222.         if((!s)&&(z[2])){return z[2].test(String.fromCharCode(k));};
  223.     };
  224. }
  225. function div(){
  226. if(typeof c=='undefined'){c=0;}else{c++;}
  227. L='d'+c;var kv=(arguments.length>0)?arguments[0]:O('mt').value;
  228.  
  229. O(L,'div','b','position;absolute,top;'+(100+O('m_').offsetTop)+'.,left;'+O('m_').offsetLeft+'.,width;150.,height;100.,ty:'+kv+',zIndex;1');
  230.  
  231. O('d'+c+'e','div','d'+c,'position;absolute,top;0.,left;0.,right;0.,bottom;0.,border;1px solid black,backgroundColor;white,contentEditable:true,wordWrap;break-word,className:aqs,overflow;auto,padding;5.');
  232. O('d'+c+'b','div','d'+c,'position;absolute,top;-15.,left;0.,right;0.,height;10.,MozUserSelect;none,backgroundColor;black,onmousedown@dra');
  233. O('d'+c+'c','div','d'+c,'position;absolute,top;-35.,left;0.,width;auto,height;15.,contentEditable:true,innerHTML:'+L);
  234. O('d'+c+'r','div','d'+c,'position;absolute,bottom;-10.,MozUserSelect;none,right;-10.,height;10.,width;10,backgroundColor;black,onmousedown@res');
  235. O('d'+c+'h','a','d'+c,'position;absolute,top;-150.,left;0.');
  236. li();
  237. oo0();
  238. O(L).onmousedown=function(e){
  239. if(L!=this.id){Els();}
  240.  
  241.  
  242. L=this.id;oo0();}
  243. O(L+'c').onblur=function(e){li();}
  244. O(L+'c').onfocus=function(e){L=this.parentNode.id;oo0();}
  245. O(L+'b').ondblclick=function(){loc();}
  246. az('d'+c+'c',10,/[a-z0-9 ]/);
  247. az('d'+c+'e',1000);
  248.  
  249. }
  250.  
  251. function oo0(){
  252.  
  253.         O('ms').value=L;
  254.         O('mt').value=O(L).ty;
  255.         for(var z=0;z<Q.length;z++){var t=Q[z];
  256.  
  257.             if(t==L){O(t+'b','backgroundColor;black,');O(t,'zIndex;10,');O(t+'r','backgroundColor;black,');}else{O(t+'b','backgroundColor;#cccccc,');O(t,'zIndex;1,');O(t+'r','backgroundColor;#cccccc,');};  
  258.          }
  259. }
  260. /////////////////////////////////////zona menu////////////////////////////////////////////////////////////
  261. //////////////////////////////////////////////////////////////////////////////////////////////////////////
  262.  
  263. O('m_','div','b','top;1.,left;1.,height;70.,position;absolute,width;800.,backgroundColor;#cccccc,borderRadius;10.,l:1200 ,t:5000,zIndex;30');
  264.  
  265. O('m','div','m_','top;0.,left;0.,height;70.,position;absolute,width;800.,backgroundColor;transparent,zIndex;2,onmousedown@dra,MozUserSelect;none');
  266.  
  267. O('mn','div','m_','position;absolute,top;10.,left;10.,width;20.,height;20.,backgroundColor;black,cursor;pointer,title:nou div,innerHTML:&#414,fontSize;12.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  268.  
  269. O('me','div','m_','position;absolute,top;10.,left;40.,width;20.,height;20.,backgroundColor;red,cursor;pointer,title:eliminar  div,innerHTML:&#1046,fontSize;17.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  270.  
  271. sel('ms','m_','position;absolute,top;45.,left;0.,width;200.,height;25.,className:Us,border;1px solid #cccccc,borderRadius;0px 0px 0px 10px,zIndex;3','','');
  272.  
  273. sel('mt','m_','position;absolute,top;9.,left;70.,width;130.,height;22.,className:Us,border;1px solid #cccccc,zIndex;3','text,embed extern,embed intern,svg','tex,emb,emi,svg');
  274.  
  275. O('mS','div','m_','position;absolute,top;10.,left;180.,width;20.,height;20.,backgroundColor;yellow,cursor;pointer,title:tipus,innerHTML:&#1778,fontSize;15.,textAlign;center,zIndex;3,MozUserSelect;none');
  276.  
  277. O('ml','div','m_','position;absolute,top;10.,left;210.,width;20.,height;20.,backgroundColor;orange,cursor;pointer,title:settings div,innerHTML:&#1791,fontSize;19.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  278.  
  279. O('mb','div','m_','position;absolute,top;10.,left;240.,width;20.,height;20.,backgroundColor;white,cursor;pointer,title:unbar,innerHTML:&#1993,fontSize;15.,color;black,textAlign;center,zIndex;3,MozUserSelect;none');
  280.  
  281. O('mC','div','m_','position;absolute,bottom;10.,left;210.,width;20.,height;20.,backgroundColor;blue,cursor;pointer,title:clonar,innerHTML:&#1995,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  282.  
  283. O('mj','div','m_','position;absolute,top;10.,left;270.,width;20.,height;20.,backgroundColor;purple,cursor;pointer,title:span,innerHTML:&#1997,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  284.  
  285. O('mk','div','m_','position;absolute,bottom;10.,left;240.,width;20.,height;20.,backgroundColor;olive,cursor;pointer,title:keyboard,innerHTML:&#1994,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  286.  
  287. O('mg','div','m_','position;absolute,bottom;10.,left;270.,width;20.,height;20.,backgroundColor; darkred,cursor;pointer,title:reset inputs span,innerHTML:&#1999,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none,');
  288.  
  289. O('mp','div','m_','position;absolute,top;10.,left;300.,width;20.,height;20.,backgroundColor; DeepSkyBlue,cursor;pointer,title:imatge,innerHTML:&#2000,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  290.  
  291. O('mz','div','m_','position;absolute,bottom;10.,left;300.,width;20.,height;20.,backgroundColor; #aa8790,cursor;pointer,title:reset inputs imatge,innerHTML:&#2001,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  292.  
  293. O('ma','div','m_','position;absolute,top;10.,left;330.,width;20.,height;20.,backgroundColor; #aa7700,cursor;pointer,title:accions,innerHTML:&#2002,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  294.  
  295. O('mo','div','m_','position;absolute,bottom;10.,left;330.,width;20.,height;20.,backgroundColor; #aa1050,cursor;pointer,title:elemina events,innerHTML:&#2004,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  296.  
  297. O('mh','div','m_','position;absolute,top;10.,left;360.,width;20.,height;20.,backgroundColor;#3090b0,cursor;pointer,title:crear clases,innerHTML:&#1992,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  298.  
  299. O('md','div','m_','position;absolute,bottom;10.,left;360.,width;20.,height;20.,backgroundColor;#007000,cursor;pointer,title:eliminar  clases,innerHTML:&#1991,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  300.  
  301. O('my','div','m_','position;absolute,top;10.,left;390.,width;20.,height;20.,backgroundColor;#f04f00,cursor;pointer,title:add fonts,innerHTML:&#1985,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  302.  
  303. O('mx','div','m_','position;absolute,bottom;10.,left;390.,width;20.,height;20.,backgroundColor;#f04faa,cursor;pointer,title:body,innerHTML:&#1986,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  304.  
  305.  
  306. function eca(){//elimina els valors dels inputs dels camps
  307. var x=arguments[0];
  308. var z=O(x+'z')['ar'];
  309. for(var q=0;q<z.length;q++){z[q]='';
  310. O(x+q+'z').value='';O(x+q+'z').innerHTML='';
  311. }}
  312.  
  313. O('mg').onclick=function(){eca('mJ');}
  314. O('mz').onclick=function(){eca('mP');}
  315. O('mo').onclick=function(){edi('!');O('mA').innerHTML='';
  316. }
  317. function ttL(t){var K='';for(var a=0;a<Q.length;a++){if(O(Q[a]+'c').textContent==t){K=Q[a];};};if(K!=''){return K;};}
  318.  
  319. O('mX','div','m_','position;absolute,top;-95.,left;-198.,contentEditable:true,backgroundColor;white,width;170.,height;100.,overflow;auto,border;5px solid #f04faa,padding;5.');
  320.  
  321. O('mXz','div','m_','position;absolute,top;26.,borderRadius;0px 0px 10px 10px,left;-198.,backgroundColor;#f04faa,wordWrap;break-word,letterSpacing;0.,cursor;pointer,color;#f06fcc,innerHTML:BODY PROPIETATS,width;190.,height;20.,fontSize;17.,textAlign;center,borderWidth;0px,MozUserSelect;none');
  322.  
  323. swi('mx','hidden','mX,mXz');
  324. O('mXz').onclick=function(){
  325. O('b',O('mX').textContent);
  326.  
  327. }
  328.  
  329. O('mA','div','m_','position;absolute,top;-95.,borderRadius;0px 0px 0px 10px,left;439.,backgroundColor;white,width;320.,height;70.,fontSize;13.,overflow;auto,border;5px solid #aa7700,contentEditable:true,padding;5.');
  330.  
  331. O('mAz','div','m_','position;absolute,top;-95.,borderRadius;0px 0px 10px 0px,left;780.,backgroundColor;#aa7700,wordWrap;break-word,letterSpacing;10.,cursor;pointer,color;#ba9720,innerHTML:EVENT,width;10.,height;80.,fontSize;12.,fontWeight;bold,textAlign;center,padding;5.,borderWidth;0px');
  332. az('mA',2000,/[a-zA-Z0-9@;:\-()$>#,\s]/);
  333.  
  334. O('mH','div','m_','position;absolute,top;-95.,borderRadius;0px 10px 0px 0px,left;808.,backgroundColor;white,width;130.,height;124.,fontSize;13.,overflow;auto,border;5px solid #3090b0,contentEditable:true,padding;5.');
  335.  
  336. O('mHz','div','m_','position;absolute,top;50.,borderRadius;0px 0px 10px 10px,left;808.,backgroundColor;#3090b0,letterSpacing;20.,paddingLeft;17.,cursor;pointer,color;#60c0d0,innerHTML:CLASS,width;133.,height;20.,fontSize;12.,fontWeight;bold,textAlign;center,borderWidth;0.');
  337. swi('mh','hidden','mH,mHz');
  338. az('mH',2000,/[a-z0-9 ()->,\s]/);
  339. //a dins de mH posarem classname->d0,d1,d3
  340. O('mY','div','m_','position;absolute,top;75.,borderRadius;0px 10px 0px 0px,left;808.,backgroundColor;white,width;130.,height;104.,fontSize;13.,overflow;auto,border;5px solid #f04f00,contentEditable:true,padding;5.');
  341.  
  342. O('mYz','div','m_','position;absolute,top;200.,borderRadius;0px 0px 10px 10px,left;808.,backgroundColor;#f04f00,letterSpacing;7.,paddingTop;1.,paddingLeft;17.,cursor;pointer,color;#ff6f50,innerHTML:WEBFONT,width;133.,height;19.,fontSize;12.,fontWeight;bold,textAlign;center,borderWidth;0.');
  343.  
  344. O('mL','div','m_','position;absolute,bottom;5.,right;10,width;auto,height;auto,fontSize;10.,backgroundColor;olive,zIndex;3,cursor;pointer,textContent:aukun:CrowdsWall_v05');
  345. //O('mo','div','m_','position;absolute,bottom;10.,left;330.,width;20.,height;20.,backgroundColor; #aa1050,cursor;pointer,title:elemina events,innerHTML:&#2004,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
  346. function mpo(objeto, nombreObjeto) {var resultado = "";for (var i in objeto) {if (objeto.hasOwnProperty(i)) {resultado += nombreObjeto + "." + i + " = " + objeto[i] + "\n";}}return resultado;}
  347.  
  348.  
  349.  
  350.  
  351.  
  352.  
  353.  
  354. az('mY',2000,/[a-z0-9 ()->,\s@]/);
  355. swi('my','hidden','mY,mYz');
  356.  
  357.  
  358.  
  359. function afo(n,l){var a=n;
  360. var b=l;
  361. var style1=document.createElement('style');
  362. var sfo='@font-face{font-family:'+a+';src:url('+b+');}';
  363. style1.appendChild(document.createTextNode(sfo));
  364. document.head.appendChild(style1);}
  365.  
  366. O('mYz').onclick=function(){
  367. var k=String(O('mY').textContent);
  368. if(k.substr(0,1)=='@'){var t=O((ttL(k.substr(1)))+'e').textContent;
  369. }else{var t=k;}
  370. var x=t.split('()');
  371. for(var u=0;u<x.length;u++){var g=x[u].split('->');
  372. afo(g[0],g[1]);
  373.  
  374. }
  375. }
  376. //per introduir a mY asd->regular.ttf()ind->ind.ttf
  377.  
  378. function adc(t){
  379. var A=t.split('()');
  380. for(var f=0;f<A.length;f++){
  381. var y=A[f].split('->');
  382. if(typeof y[1]=='undefined'){return false;};
  383. var u=y[1].split(',');
  384. for(var o=0;o<u.length;o++){
  385. if(typeof ttL(u[o])=='undefined'){return false;}
  386. if((arguments.length>1)&&(arguments[1]='!')){O((ttL(u[o]))+'e').className=null;}else{O((ttL(u[o]))+'e','className:'+y[0]);};
  387. }}}
  388.  
  389. O('mHz').onclick=function(){var t=O('mH').textContent;adc(t);}
  390. O('md').onclick=function(){var t=O('mH').textContent;adc(t,'!');O('mH').innerHTML='';}
  391. function edi(m){
  392. var r=m;
  393. if(m=='!'){var m=O('m').m;}else{var m=m;O('m').m=m;};
  394. if(m.substr(0,1)=='@'){m=O((ttL(m.substr(1)))+'e').textContent;}
  395. var n=m.split('()');
  396. for(var t=0;t<n.length;t++){
  397. var ae1='';ae1=n[t].split('$');
  398. var z=ae1[0];var a=ttL(z.split('->')[0]);
  399. var b=z.split('->')[1];
  400. var c=n[t].substr(n[t].indexOf('$'));
  401. if(typeof a=='undefined'){return false};
  402. var k=O(a);
  403. k.a=a;k.b=b;k.c=c;
  404. if(r=='!'){O(k.a+'e')[k.b]=null;}else{
  405. O(k.a+'e')[k.b]=function(e){
  406. var I=O(this.parentNode.id+'c').textContent+'->'+'on'+e.type;
  407. var l=m.substr(m.indexOf(I));
  408. var c=(l.indexOf('()')>=0)?l.split('()')[0]:l;
  409. j=c.split('$');for(var d=1;d<j.length;d++){
  410.  
  411. function ess(s){
  412. if(s.indexOf('src:')<0){return}
  413. }
  414.  
  415. var s=j[d].split('->');
  416. var q=((s[1].indexOf(',')<0)&&(s[1].substr(0,4)=='src:'))?'ee':'e';
  417. var t=(q.length==2)?'e':'';
  418. if(s[0].substr(0,1)=='#'){
  419. var z=document.getElementsByClassName(s[0].substr(1));
  420. for(var i=0;i<z.length;i++){
  421.  
  422. O((z[i].id)+t,s[1]);};
  423. }else{
  424. O(ttL(s[0])+q,s[1]);
  425. }
  426.  
  427. //d0->onmouseover$#aqs->backgroundColor;blue
  428. //amb aixo podem fer cambis en els de la clase que posem a event en aquest cas sera aqs
  429. //recorda que a tots els divs+'e' li he posat un clasName aqs el corchet en el input m'indicara que es una clase  
  430.  
  431.  
  432. };
  433.  
  434.  
  435. };
  436.  
  437. }
  438.  
  439.  
  440. };
  441. };
  442.  
  443. swi('ma','hidden','mAz,mA');
  444. O('mAz').onclick=function(){var m=O('mA').textContent;edi(m);}
  445.  
  446. /*O('ma').onclick=function(){
  447. var m='d0->onmouseout$d0->backgroundColor;blue$d1->backgroundColor;purple,color;white()d1->onmouseover$d0->backgroundColor;red$d1->backgroundColor;yellow,color;red';
  448. }
  449. */
  450.  
  451. O('mb').onclick=function(){if(Q.length>0){var v=(O(Q[0]+'b').style.visibility!='hidden')?'hidden':'visible';var a=Array('b','r','c');for(var x=0;x<Q.length;x++){for(var q=0;q<a.length;q++){O(Q[x]+a[q],'visibility;'+v+',');}}}}
  452.  
  453. O('mC').onclick=function(){
  454. if(Q.length>0){Els();
  455. var a=O(L+'e').cloneNode(true);var h=O(L).offsetHeight;var w=O(L).offsetWidth;
  456. div();a.id=L+'e';
  457. O(L+'e').remove();
  458. O(L).appendChild(a);O(L,'width;'+w+'.,height;'+h+'.');};
  459. }
  460.  
  461. function Els(){if(O('Sq')){O('Sq').remove();};}
  462.  
  463. O('ms').onchange=function(e){Els();L=this.value;oo0();};
  464. O('mn').onclick=function(){Els();div();Et();}
  465. O('me').onclick=function(){
  466. if(Q.length>0){
  467. Els();O(L).remove();li();
  468. if(Q.length!=0){oo0();};};
  469.  
  470. };
  471. O('mS').onclick=function(){Els();O(L).ty=O('mt').value;Et();}
  472. O('ml').onclick=function(){set();}
  473.  
  474. function loc(){window.location.href='#'+L+'h';var h=(parseInt(O(L).style.top))-120;h=(h<0)?0:h;O('m_','top;'+h+',left;'+O(L).offsetLeft);}
  475.  
  476. O('m_').ondblclick=function(){if(Q.length>0){loc();}}
  477.  
  478. function set(){
  479.  
  480. if((typeof L)!='undefined'){
  481. if(O('Sq')){O('Sq').remove();}else{
  482. O('Sq','div',L,'position;absolute,top;0.,right;-195.,overflow;auto,width;170.,height;80.,cursor;default,MozUserSelect;none,border;5. solid orange');
  483.  
  484. ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
  485. function ese(i,p,e,w,k,o,r,m,l,M){
  486. /*i->numero del objecte eset///p->parent del objecte eset///e->etiqueta del objecte eset///
  487. w->amplada del camp input///k->(kind) tipus de input///o->objecte que s'aplica el input
  488. r->propietat que apliques///m->maxim de digits///l->limits de digits///M->minim i maxim
  489. g->per cuant volem slapar inputs en els eset*/
  490.  
  491. var h=H(p,'z',1);var g=(k=='svg')?-19:0;
  492. if(k=='t_'){g=19;}else{
  493. var E=(k=='svg')?w:18;
  494. O(p+i,'div',p,'position;absolute,top;'+(h)+'.,left;1.,paddingLeft;5.,right;1.,height;'+E+'.,fontSize;13.,backgroundColor;orange,innerHTML:'+e);
  495. }
  496.  
  497.  
  498. var j='';//tipus de element input
  499. var v='';//coses que afegim al tipus input
  500. var b='onblur';//tipus de event que fa executar el style del set
  501. var a='';//string que va abans en el input
  502. var z='';//string que va despres del input
  503. var u='';//tipus de dada que dona input si es un value o textContent
  504. if(k=='c'){j='input';
  505. v=',type:color';
  506. u='value';
  507. z=',';
  508. }else if(k=='n'){
  509. j='div';
  510. v=',contentEditable:true';
  511. z=((r=='opacity')||((r.indexOf('zCo'))>0))?',':'px,';
  512. //d0->onclick$d1->transform;rotate(45deg)
  513. if(r=='transform'){z='deg)';a='rotate(';}
  514. u='textContent';
  515. }else if(k=='t_'){
  516. j='div';
  517. v=',contentEditable:true,visibility;hidden,display;inline,whiteSpace;nowrap,overflow;hidden';
  518. u='textContent';
  519. z=',';
  520. }else if((k=='svg')||(k=='t')){
  521. j='div';var D=(k!='svg')?',display;inline,whiteSpace;nowrap,overflow;hidden':',wordWrap;break-word,overflow;auto';
  522. v=',contentEditable:true'+D;
  523. u='textContent';
  524. z=',';
  525. if(k=='svg'){O(p+i,'textAlign;center');
  526.  
  527. }
  528. }else if(k=='s'){
  529. j='select';
  530. v='contentEditable:false,border;0px solid orange';
  531. u='value';
  532. z=',';
  533. }
  534. var M=(k!='svg')?',right;2.,width;'+w+'.,height;16.':',right;2.,left;2.,height;'+(w-21)+'.';
  535. O(p+'z'+i,j,p,'position;absolute,top;'+(h-g+1)+'.'+M+',backgroundColor;white,fontSize;13.'+v);
  536.  
  537. //var n=(r.indexOf(':'))?O(o):O(o).style;
  538.  
  539. if(k=='n'){
  540. az(p+'z'+i,m,l,M);
  541.  
  542. O(p+'z'+i)[u]=(O(o).style[r]!='')?parseInt(O(o).style[r]):'';
  543.  
  544. }else if((k=='t')||(k=='c')){var J;
  545. if(r=='src:'){J=O(o).src;}else{J=O(o).style[r]};
  546. O(p+'z'+i)[u]=String(J);
  547. az(p+'z'+i,m,l);
  548.  
  549. }else if(k=='t_'){az(p+'z'+i,m,l);
  550. O(p+(i-1)).ondblclick=function(){
  551. var J=O(p+'z'+i).style.visibility;
  552. J=(J=='hidden')?'visible':'hidden';
  553. O(p+'z'+i,'visibility;'+J+',');
  554. };
  555. }else if(k=='s'){
  556.  
  557. opt(p+'z'+i,m.split(';')[1],m.split(';')[0]);
  558. O(p+'z'+i)[u]=O(o).style[r];
  559. }else if(k=='svg'){
  560.  
  561.  
  562. O(p+'z'+i)[u]=O(L)['svg'];
  563.  
  564. }
  565.  
  566.  
  567. var r=(r.indexOf(':')>=0)?r:r+';';
  568.  
  569. O(p+'z'+i)[b]=function(){
  570.     //if(r.indexOf(':')>=0){alert(r+a+(O(p+'z'+i)[u])+z);}
  571.     if(k=='svg'){
  572.     O(L+'ee').innerHTML='';
  573.     var f=O(p+'z'+i)[u];
  574.     O(L).svg=f;
  575.     f=(f.substr(0,1)=='@')?O(ttL(f.substr(1))+'e').textContent:f;
  576.     f=f.rep(/\s/g,'');
  577.    
  578. //asv(L+'ee','','circle&cx:50,cy:50,r:40,stroke:red,stroke-width:3,fill:orange|rect&x:0,y:0,width:50,height:50,fill:purple');
  579.     asv(L+'ee','',f);
  580.    
  581.     }else{
  582.         if(r=='kksrc:'){
  583.             O(o).src=O(p+'z'+i)[u];
  584.    
  585.         }else{
  586.             if(z==','){z='';}
  587.             //alert(o);
  588.             O(o,r+a+(O(p+'z'+i)[u])+z);
  589.        
  590.         };
  591.    
  592. }
  593.    
  594. //>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>t==(tex,emb,emi) --> probar amb internet pagines web, pdf,videos embeds, i cançons [81-100] 
  595.    
  596. };
  597.  
  598. }
  599. /////////////////////////////////////////////////////////////////////////////////////////////////////////
  600. ese(0,'Sq','x','40','n',L,'left',4,/[0-9]/,'0-1200');
  601. ese(1,'Sq','y','40','n',L,'top',4,/[0-9]/,'0-5000');
  602. ese(2,'Sq','Amplada','40','n',L,'width',4,/[0-9]/,'0-1000');
  603. ese(3,'Sq','Alçada','40','n',L,'height',4,/[0-9]/,'0-2000');
  604. ese(4,'Sq','Marge Esquerra','20','n',L+'e','paddingLeft',2,/[0-9]/,'0-99');
  605. ese(5,'Sq','Marge Superior','20','n',L+'e','paddingTop',2,/[0-9]/,'0-99');
  606. ese(6,'Sq','Marge Dret','20','n',L+'e','paddingRight',2,/[0-9]/,'0-99');
  607. ese(7,'Sq','Marge Inferior','20','n',L+'e','paddingBottom',2,/[0-9]/,'0-99');
  608. ese(8,'Sq','Gruix Marge','20','n',L+'e','borderWidth',2,/[0-9]/,'0-99');
  609. ese(9,'Sq','Color Marge','40','c',L+'e','borderColor');
  610. ese(10,'Sq','Color Marge','60','t_',L+'e','borderColor',20,/[a-z#0-9]/);
  611. ese(11,'Sq','Color Fons','40','c',L+'e','backgroundColor');
  612. ese(12,'Sq','Color Fons','60','t_',L+'e','backgroundColor',20,/[a-z#0-9]/);
  613. ese(13,'Sq','Cantonades','30','n',L+'e','borderRadius',3,/[0-9]/,'0-200');
  614. ese(14,'Sq','Cantonades','60','t_',L+'e','borderRadius',20,/[px 0-9]/);
  615. ese(15,'Sq','Estil Gruix','80','s',L+'e','borderStyle','none,solid,dashed,dotted,double,groove,ridge,outset,inset;cap,solid,linies,punts,doble,groove,ridge,outset,inset');
  616. ese(16,'Sq','Ombres','60','t',L+'e','boxShadow',20,/[a-z #0-9]/);
  617. ese(17,'Sq','Visible','80','s',L+'e','visual','vis,ama;Visible,Amagat');
  618. ese(18,'Sq','Dragable','80','s',L+'e','drag','dra,sta;Dragable,Estatic');
  619. ese(19,'Sq','Seleccionable','70','s',L+'e','MozUserSelect','none,text,element,all;Cap,Text,Element,Tot');
  620. ese(20,'Sq','Rotacio','20','n',L+'e','transform',3,/[0-9]/,'0-360');
  621. ese(21,'Sq','opacitat','20','n',L+'e','opacity',4,/[0-9.]/,'0-100');
  622. if(O(L).ty=='tex'){ese(22,'Sq','Color Font','40','c',L+'e','color');
  623. ese(23,'Sq','Color Font','60','t_',L+'e','color',21,/[a-z#0-9]/);
  624. ese(24,'Sq','Tamany Font','30','n',L+'e','fontSize',3,/[0-9]/,'0-200');
  625. ese(25,'Sq','Font','100','s',L+'e','fontFamily','Arial,Book Antigua,Calibri,Comic Sans MS,Courier,Courier New,Georgia,Impact,Lucida Sans,Symbol,Tahoma,Times New Roman,Verdana;Arial,Book Antigua,Calibri,Comic Sans MS,Courier,Courier New,Georgia,Impact,Lucida Sans,Symbol,Tahoma,Times New Roman,Verdana');
  626. ese(26,'Sq','Font','110','t_',L+'e','fontFamily',24,/[a-z A-Z0-9]/);
  627. ese(27,'Sq','Estil Font','80','s',L+'e','fontStyle','normal,italic,oblique;Normal,Italica,Oblicua');
  628. ese(28,'Sq','Ratllat','100','s',L+'e','textDecoration','none,underline,overline,line-through;sense,subratllat,sobreratllat,Entreratllat');
  629. ese(29,'Sq','Negreta','100','s',L+'e','fontWeight','normal,bold,bolder,Lighter;Sense,negreta,negreta+,lighter');
  630. ese(30,'Sq','Alineacio','90','s',L+'e','textAlign','left,right,center,justify;Esquerra,Dreta,Centrat,Justificat');
  631. ese(31,'Sq','Editable','80','s',L+'e','contentEditable:','true,false;Editable,Fixe');
  632. ese(32,'Sq','Espaiat Lletres','30','n',L+'e','letterSpacing',2,/[0-9]/,'0-99');
  633. ese(33,'Sq','Espaiat Paraules','30','n',L+'e','wordSpacing',2,/[0-9]/,'0-99');
  634. ese(34,'Sq','Espaiat Entrelinies','30','n',L+'e','lineHeight',2,/[0-9]/,'0-99');
  635. ese(35,'Sq','Columnes','20','n',L+'e','MozColumnCount',1,/[0-9]/,'0-9');
  636. ese(36,'Sq','Ombra Text','80','t',L+'e','textShadow',30,/[a-z #0-9]/);
  637. ese(37,'Sq','Direccio','90','s',L+'e','dir:','ltr,rtl,auto;Esquerra a Dreta,Dreta a Esquerra,Automatic');}else if((O(L).ty=='emb')||(O(L).ty=='emi')){
  638. ese(22,'Sq','Url','60','t',L+'ee','src:',200,'');
  639. ese(23,'Sq','Scroll','90','s',L+'ee','scrolling:','yes,no,auto;si,no,auto');
  640.  
  641. }else if(O(L).ty=='svg'){
  642. //figures
  643. ese(22,'Sq','Figures','200','svg',L+'ee','svg:',2000,'');
  644. //asv(L+'ee','','circle&cx:50,cy:50,r:40,stroke:red,stroke-width:3,fill:orange|rect&x:0,y:0,width:50,height:50,fill:purple');
  645. }
  646.  
  647.  
  648. //ese(35,'Sq','Color Seleccio','80','t',L+'e','MozSelectionBackgroundColor',20,/[a-z #0-9]/);
  649.  
  650. }
  651. }
  652. }
  653. //O('H').ondblclick=function(){alert(Q);};
  654.  
  655.  
  656. var amk=function(){/*funcio que hem crea el keyboard utf8*/O('mK','div','m_','position;absolute,top;75.,borderRadius;10px 10px 0px 0px,left;0.,width;800.,height;145.,backgroundColor;olive');function keb(n){/*creacio de botons a mK*/for(var z=0;z<128;z++){var x=(z%32);var y=(z-x)/32;if(O('K'+z)){O('K'+z).remove();};O('K'+z,'div','mK','position;absolute,top;'+(35+(24*y))+'.,left;'+(17+(x*24))+'.,width;22.,height;22.,innerHTML:&#'+((n*128)+z)+',fontSize;15.,textAlign;center,border;1px solid #556b2f,color;white,cursor;pointer');O('K'+z).onclick=function(){O('mK').focus();if(Q.length>0){O(L+'e').innerHTML+=this.innerHTML;}};}};keb(2);O('Us','select','mK','position;absolute,top;5.,right;15.,height;22.,border;1px solid black,width;300.');var d=Array();for(var t=0;t<300;t++){d[t]=t+2;};opt('Us',d.join(','),d.join(','));O('Us').onchange=function(){keb(parseInt(this.value));};var s=O('mK');}
  657.  
  658. function sei(b,c,d){/*funcio que elimina o crea essent b->switch,c->element a crear o eliminar,d->funcio de creacio com a variable*/O(b).onclick=function(){if(!O(c)){d();}else{O(c).remove();}};}
  659.  
  660. sei('mk','mK',amk);
  661.  
  662. function swi(){var a=arguments;var v='visibility;';var A=a[2].split(',');for(var k=0;k<A.length;k++){O(A[k],v+a[1]);};O(a[0]).onclick=function(){var o=O(A[0]);var t=o.style.visibility;t=(t!='hidden')?'hidden':'visible';for(var k=0;k<A.length;k++){O(A[k],v+t);};};}
  663.  
  664. //swi('mk','hidden','mK');
  665.  
  666. /////////////////////////////////////////////////////////////////////////////////function////
  667. function SEL(S){var a=getSelection();
  668. var b=a.getRangeAt(0);//crea un bg per poder extreure els offset
  669. var d=a.anchorNode;//troba el node que es troba en l'inici de la aeccio
  670. var e=a.focusNode;//troba el node que es troba en el final de la aeccio
  671. var f=d.parentNode;
  672. if((O(L).ty=='tex')&&(O(L+'e')==f)&&(f.tagName!='SPAN')&&(d==e)){
  673. var h=b.startOffset;
  674. var j=String(b).length
  675. var k=h+j;
  676. var l=f.childNodes;
  677. var m=Array.prototype.indexOf.call(l,d);
  678. var A=Array();
  679. var n=d.textContent.substr(0,h);
  680. var o=d.textContent.substr(h,j);
  681. var p=d.textContent.substr(k);
  682. var z=l.length;
  683. for(var g=0;g<z;g++){  
  684. if(g<m){
  685. A[g]=l[g].cloneNode(true);
  686. }else if(g==m){
  687. A[g]=document.createTextNode(n);
  688. var T=(arguments.length==2)?arguments[1]:'a';
  689. if((S.indexOf('href:')>=0)&&(T=='img')){
  690. ////////////////////////////////////////////////aqui separarem els que tenen com img en href
  691. //per tant hem de crear un element a i afegirli el element img
  692. var Z=document.createElement('img');
  693. O(Z,S.split(',href:')[0]+',innerHTML:'+o);
  694. A[g+1]=document.createElement('a');
  695. A[g+1].appendChild(Z);
  696. O(A[g+1],'href:'+S.split(',href:')[1]);
  697.  
  698.  
  699. }else{
  700. A[g+1]=document.createElement(T);
  701. O(A[g+1],S+',innerHTML:'+o);
  702. }
  703.  
  704.  
  705.  
  706. A[g+2]=document.createTextNode(p);
  707.  
  708. }else if(g>m){
  709. A[g+2]=l[g].cloneNode(true);}}
  710.  
  711. O(L+'e').innerHTML='';for(var g=0;g<A.length;g++){O(L+'e').appendChild(A[g]);}}
  712.  
  713. }
  714. /////////////////////////////////////////////////////////////////////////////////function^////
  715. /////////////////////////////////////////////////////////////////////////////////function////
  716. function H(L,f,r){var a=O(L).childNodes;var h=1;
  717. for(var t=0;t<a.length;t++){var o=a[t];
  718. if(o.id.indexOf(f)<0){h+=parseInt(o.offsetHeight)+r;}
  719. }return h;}
  720. /////////////////////////////////////////////////////////////////////////////////function^////
  721. /////////////////////////////////////////////////////////////////////////////////function////
  722. function sse(){
  723. var a=arguments;
  724. var K=a[0].split(':')[0];
  725. var F=a[0].split(':')[1];
  726. var h=H(F,'z',1);
  727.  
  728. O(F+a[2],'div',F,'position;absolute,top;'+h+'.,left;1.,paddingLeft;5.,right;1.,color;white,height;18.,fontSize;13.,backgroundColor;'+O(F).style.borderColor+',innerHTML:'+K);
  729. var z=a[1].split(':')[0];var x=a[1].split(':')[1];
  730. var q='';var r='';var j='';var v=50;var y='';
  731. if(z=='input'){q=',type:'+a[1].split(':')[1];r='value';y='onchange';}else if(z=='div'){
  732. q=',backgroundColor;white,fontSize;12.,contentEditable:true,overflow;hidden,display;inline';
  733. r='textContent';y='onblur';if(x=='px'){j=x;}
  734.  
  735. }
  736. if(a[6]){v=a[6];}
  737. O(F+a[2]+'z',z,F,'position;absolute,width;'+v+'.,height;16.,top;'+(h+1)+'.,border;0px solid transparent,right;2.'+q);
  738.  
  739. if((z=='div')&&(a.length>4)){az(F+a[2]+'z',a[4],a[5]);
  740. if(a.length>7){O(F+a[2]).title=a[7];}
  741. }
  742. if((z=='input')&&(a.length>4)){O(F+a[2]+'z').value=a[5];}
  743.  
  744. O(F+a[2]+'z')[y]=function(){O(F+'z')['ar'][a[2]]=a[3]+O(F+a[2]+'z')[r]+j;}
  745.  
  746. }
  747. /////////////////////////////////////////////////////////////////////////////////function^////
  748. /////////////////////////////////////////////////////////////////////////////////function////
  749. function spa(){
  750. O('mJ','div','m_','position;absolute,top;-95.,borderRadius;0px 0px 0px 10px,left;0.,backgroundColor;white,width;180.,height;80.,overflow;auto,border;5px solid purple');
  751.  
  752. O('mJz','div','m_','position;absolute,top;-95.,borderRadius;0px 0px 10px 0px,left;191.,backgroundColor;purple,wordWrap;break-word,letterSpacing;5.,cursor;pointer,color;a030a0,innerHTML:SPAN,width;10.,height;80.,fontSize;17.,padding;5.,borderWidth;0px,MozUserSelect;none');
  753. O('mJz')['ar']=new Array();
  754.  
  755. sse('Color texte:mJ','input:color',0,'color;');  
  756. sse('Tamany Texte:mJ','div:px',1,'fontSize;',2,/[0-9]/);
  757. sse('Color de Fons:mJ','input:color',2,'backgroundColor;','white');
  758. sse('Font:mJ','div:',3,'fontFamily;',20,/[0-9a-zA-Z ]/,100,'Exemple Gramàtic:\nComic Sans MS');
  759. sse('Estil:mJ','div:',4,'fontStyle;',10,/[a-z]/,100,'Tipus de Estils:\nnormal,italic,oblique');
  760. sse('Ratllat:mJ','div:',5,'textDecoration;',10,/[a-z]/,100,'Tipus de Ratllats:\nunderline,overline,line-through');
  761. sse('Negreta:mJ','div:',6,'fontWeight;',10,/[a-z]/,100,'Tipus de Negretes:\nbold,bolder,Lighter');
  762. sse('Ombres:mJ','div:',7,'textShadow;',30,/[a-z0-9 ]/,100,'Exemple Gramàtic:\n5px 5px 7px black');
  763. sse('Link:mJ','div:',8,'href:',230,'',100,'Exemple Gramàtic:\nhttp://www.google.com');
  764.  
  765. O('mJz').onclick=function(){
  766.     //alert(this['ar']);
  767.     var s='';var h=this['ar'].join(',');
  768.     while(h.substr(0,1)==','){h=h.substr(1);};
  769.     if((this['ar'][8])&&(this['ar'][8]!='')){s=this['ar'][8].split(';')[1];};
  770.     if(h!=''){SEL(h,'a');};
  771. }
  772.  
  773. }
  774. ////////////////////////////////////////////////////////////////////////////////function^/////
  775. spa();
  776.  
  777. swi('mj','hidden','mJ,mJz');
  778. O('mP','div','m_','position;absolute,top;-95.,borderRadius;0px 0px 0px 10px,left;220.,backgroundColor;white,width;180.,height;80.,overflow;auto,border;5px solid DeepSkyBlue');
  779.  
  780. O('mPz','div','m_','position;absolute,top;-95.,borderRadius;0px 0px 10px 0px,left;411.,backgroundColor;DeepSkyBlue,wordWrap;break-word,letterSpacing;10.,cursor;pointer,color;#20dfff,innerHTML:PICS,width;10.,height;80.,fontSize;17.,textAlign;center,padding;5.,borderWidth;0px,MozUserSelect;none');
  781.  
  782. O('mPz')['ar']=new Array();
  783.  
  784. sse('Url:mP','div',0,'src:',250,'',100,'Exemple Gramàtic:\nhttp://pics/345.jpg');
  785. sse('Amplada:mP','div:px',1,'width;',3,/[0-9]/);
  786. sse('Alçada:mP','div:px',2,'height;',3,/[0-9]/);
  787. sse('Titol:mP','div',3,'title:',100,/[a-z0-9A-z]/,100);
  788. sse('Link:mP','div',4,'href:',100,'',100);
  789. O('mPz').onclick=function(){var h=this['ar'].join(',');if(h!=''){SEL(h,'img');};}
  790. swi('mp','hidden','mP,mPz');
  791.  
  792. var AK=String('ty,left,top,width,height,padding,border,backgroundColor,borderRadius,boxShadow,visual,drag,MozUserSelect,transform,opacity,color,fontSize,fontFamily,fontStyle,textDecoration,fontWeight,textAlign,letterSpacing,wordSpacing,lineHeight,MozColumnCount,textShadow,contentEditable,innerHTML,dir,src,scrolling,svg,textContent').split(',');
  793.  
  794. localStorage['aaa']='svg,150.,100.,200.,,,,,,,,,,,,,,,,,,,,,,,,false,,,,,,aleluia,|,tex,400.,100.,200.,,,,,,,,,,,,,,,,,,,,,,,,true,hola que tal,,,,,ale';
  795. var TA=localStorage['aaa'].split(',|,');
  796. //var KA=String('svg,100.,100.,200.,,,,,,,,,,,,,,,,,,,,,,,,true,hola que tal,,,,,aleluia').split(',');
  797.  
  798.  
  799. //O('mL').onclick=function(){
  800. window.onload=function(){  
  801.     for(var y=0;y<TA.length;y++){
  802.         var KA=Array();KA=TA[y].split(',');
  803.         Els();div(KA[0]);
  804.         var coo=L,cs='',cO=coo,cf=':';
  805.         var sf="";
  806.         for(var g=0;g<AK.length;g++){
  807.             var jk=KA[g];
  808.             if(g==5){coo=coo+'e';};if(g==29){coo=coo+'e';};if(g==33){coo=cO+'c';};
  809.             if(g==1){cf=';'};if(g==27){cf=':';};
  810.             if(jk!=''){
  811.             O(coo,AK[g]+cf+jk);
  812.             }
  813.         //sf=sf+g+' --> '+coo+' --> '+AK[g]+cf+"\n";
  814.         }
  815.     //O('d0e').innerHTML='hola html';
  816.     //Et();
  817.     //console.log(O(d0).ty);
  818.     }
  819.    
  820. };
  821.  
  822. </script>
  823. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement