Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html id='H'><head id='h'><meta charset='utf-8'></head>
- <!--
- twitter->@CrowdsWeaver
- 1-coses per millorar crear rellotge analogic,
- 2-botons de zones, zona agenda, zona llista, zona chat, zona forums, zona help, zona test, zona wall, zona curriculum,
- zona search,
- 3-investigar moure amb coses amb el variables time
- 4-moviments progresius crear funcions de moviment transform
- 5-mirar com fer un editor de formules
- 6-mirar az la variable M que esta errata
- 7-crear en event la opcio de adquirir el codi desde un div qualsevol
- 8-ampliar el maxim de digits en el titol de un div
- -->
- <body id='b'><style>.Us{-moz-appearance:none;text-indent:0.01px;text-overflow:'';}</style></body><script id='s'>
- //rotate accions -> %%%d0->onclick$d1->transform;rotate(45deg)
- //textIndent
- //per els bototns habia pensat posar eñ abecedari nko que correspon a la numeracio
- //decimal de html de 1984 fins a 2111
- //
- /*/////llista de ids;
- <iframe width='420' height='315' src='https://www.youtube.com/embed/ASj81daun5Q' frameborder='0' allowfullscreen></iframe>
- H->id de html
- h->id de head
- b->id de body
- s->id de script
- m_->id de menu
- mn->boto new
- ms->boto selector de div
- */
- /*/////lista vars de windows
- O->funcio Object
- dragp->funcio de dragacio, si la id te el caracter _ drageja el propi objecte
- opt->crea options dins un select ,1 parent, 2 innerhtml del option separats amb',' ,3 value de options
- sel->crea selects, 1 id,2parent,3 properties,4 innerhtml,5 values.
- L->variable de div marcat
- c->contador div
- */
- ///zona variables
- var W=window;
- var L;
- var c;
- var Q='';
- var hns='http://www.w3.org/2000/svg';
- ////////////////////////////////////////////////////zona funcions
- 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;}
- //////////funcio O
- function O(){
- var a=arguments;var l=a.length;
- var i=(typeof(a[0])=='string')?document.getElementById(a[0]):a[0];
- if(l>1){
- if((a[1].indexOf(':')>0)||(a[1].indexOf(';')>0)){
- var i=O(a[0]);
- var p=Array();
- if(a[1].indexOf(',')>0){p=a[1].split(',');}else{p[0]=a[1];}
- for(var k=0;k<p.length;k++){
- 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');
- if(c.indexOf(':')>0){
- var j=c.split(':');
- i[j[0]]=(j.length<3)?j[1]:c.substr((c.indexOf(':'))+1);
- }else if(c.indexOf(';')>0){
- var j=c.split(';');
- if(j[0].substr(0,1)=='%'){
- j[0]=j[0].substr(1);
- i.parentNode.style[j[0]]=j[1];
- }else{i.style[j[0]]=j[1];};
- }else if(c.indexOf('@')>0){
- var j=c.split('@');
- if(j.length==2){i[j[0]]=window[j[1]];}else{i[j[0]]=window[j[1]](j[2]);}
- }
- }
- }else{
- var i=document.createElement(a[1]);
- i.id=(a[0]!='')?a[0]:null;
- if(l>2){
- var p=O(a[2]);
- p.appendChild(i);
- }
- if(l==4){O(i,a[3]);}
- }
- }else{}
- return i;
- }
- 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++;}
- function asv(i,p,a){
- 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;}
- 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]);}}
- }
- function Et(){//borra tots aquelles propietats que son incompatibles amb ty
- if(O(L+'ee')){O(L+'ee').remove();}
- O(L+'e','innerHTML:,padding;0.,contentEditable:false');
- var t=O(L).ty;
- if(t=='tex'){
- O(L+'e','innerHTML:,padding;5.,overflow;auto,contentEditable:true');
- }else if(t=='emb'){//per embeds externs pagiens web o videos
- //>>>>>>>>>>>>>>>comprobar comportaments amb sons, imatges, videos, pagines,
- O(L+'ee','iframe',L+'e','position;absolute,width;100%,height;100%,borderWidth;0.,display;auto,left;0.,top;0.');
- O(L+'e','overflow;hidden');
- //O(L+'ee').src='https://www.youtube.com/embed/qiB98Wbsdlo';
- //,borderWidth;0.,position;relative,width;100%,height;100%,display;auto
- }else if(t=='emi'){//per embeds interns mirar comportaments
- O(L+'ee','embed',L+'e','position;absolute,width:100%,display;auto,height:100%,border;0px solid red');
- O(L+'e','overflow;hidden');
- O(L+'ee').href='https://www.youtube.com/embed/1_7GQdSm4ns';
- }else if(t=='svg'){
- asv(L+'ee',L+'e','');
- //O(L+'ee','position;absolute,width:100%,display;auto,height:100%,border;0px solid red');
- O(L+'e','overflow;hidden');
- }
- }
- function res(e2){
- var a=this.id;
- function mou(e2){
- o.style.width=e2.pageX-x0+px+'px';
- o.style.height=e2.pageY-y0+py+'px';
- if(o.offsetHeight>parseInt(H)){O(o,'height;'+H+'.,');}
- if(o.offsetHeight<parseInt(h)){O(o,'height;'+h+'.,');}
- if(o.offsetWidth>parseInt(P)){O(o,'width;'+P+'.,');}
- if(o.offsetWidth<parseInt(w)){O(o,'width;'+w+'.,');}
- if((O('Sqz2'))&&(a.substr(0,1)=='d')){O('Sqz2').textContent=parseInt(o.style.width);}
- if((O('Sqz3'))&&(a.substr(0,1)=='d')){O('Sqz3').textContent=parseInt(o.style.height);}
- document.addEventListener('mouseup', upm, true);
- };
- function upm(e2){
- document.removeEventListener('mousemove', mou, true);
- document.removeEventListener('mouseup', upm, true);
- };
- var o=this.parentNode;
- var H=o.H;var h=o.h;var P=o.W;var w=o.w;
- x0=e2.pageX;y0=e2.pageY;
- px=parseInt(o.style.width);
- py=parseInt(o.style.height);
- document.addEventListener('mousemove', mou, true);
- document.addEventListener('mouseup', upm, true);
- }
- function dra(e2){
- var document=window.document;
- var l=(typeof this.l=='undefined')?1200:parseInt(this.l);
- var t=(typeof this.t=='undefined')?5000:parseInt(this.t);
- if(this.id.indexOf('_')>=0){o=this;}else{o=this.parentNode;}
- var a=this.id;
- function mou(e2){
- o.style.left=e2.pageX-x0+px+'px';
- o.style.top=e2.pageY-y0+py+'px';
- if((parseInt(o.style.left)<0)){o.style.left='0px';}
- if((parseInt(o.style.left)>l)){o.style.left=l+'px';}
- if((parseInt(o.style.top)<0)){o.style.top='0px';};
- if((parseInt(o.style.top)>t)){o.style.top=t+'px';}
- if((O('Sqz0'))&&(a.substr(0,1)=='d')){O('Sqz0').textContent=parseInt(o.style.left);}
- if((O('Sqz1'))&&(a.substr(0,1)=='d')){O('Sqz1').textContent=parseInt(o.style.top);}
- document.addEventListener('mouseup', upm, true);
- };
- function upm(e2){
- document.removeEventListener('mousemove', mou, true);
- document.removeEventListener('mouseup', upm, true);
- };
- x0=e2.pageX;y0=e2.pageY;
- px=parseInt(o.style.left);
- py=parseInt(o.style.top);
- document.addEventListener('mousemove', mou, true);
- document.addEventListener('mouseup', upm, true);
- }
- 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]);}}
- function sel(){var a=arguments;O(a[0],'select',a[1],a[2]);opt(a[0], a[3],a[4]);}
- function li(){
- var j=O('ms');
- while(j.firstChild){j.removeChild(j.firstChild);}
- var X=O('b').childNodes;var y=0;
- Q='';Q=Array();
- for(var t=0;t<X.length;t++){var i=String(X[t].id);
- if(i.charAt(0)=='d'){
- Q[y]=i;y++;
- O('ms'+i,'option','ms','innerHTML:'+O(i+'c').innerHTML+',value:'+i);
- }
- };
- O('ms').value=L;
- L=Q[Q.length-1];
- }
- function az(){
- var z=arguments;
- O(z[0]).onkeyup=function(){
- if(z.length==4){
- var g=z[3].split('-');
- var q=parseInt(g[0]);
- var w=parseInt(g[1]);
- var t=parseInt(this.textContent);
- if(t>w){O(z[0]).textContent=w;}
- if(t<q){O(z[0]).textContent=q;}
- }
- }
- O(z[0]).onkeypress=function(v){
- var e=window.v||v;
- var k=e.keyCode||e.which;
- var a=Array(8,37,39,46);
- var s=(a.indexOf(k)>=0);
- if(this.textContent.length>=z[1]){return s;};
- if((!s)&&(z[2])){return z[2].test(String.fromCharCode(k));};
- };
- }
- function div(){
- if(typeof c=='undefined'){c=0;}else{c++;}
- L='d'+c;var kv=(arguments.length>0)?arguments[0]:O('mt').value;
- O(L,'div','b','position;absolute,top;'+(100+O('m_').offsetTop)+'.,left;'+O('m_').offsetLeft+'.,width;150.,height;100.,ty:'+kv+',zIndex;1');
- 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.');
- O('d'+c+'b','div','d'+c,'position;absolute,top;-15.,left;0.,right;0.,height;10.,MozUserSelect;none,backgroundColor;black,onmousedown@dra');
- O('d'+c+'c','div','d'+c,'position;absolute,top;-35.,left;0.,width;auto,height;15.,contentEditable:true,innerHTML:'+L);
- O('d'+c+'r','div','d'+c,'position;absolute,bottom;-10.,MozUserSelect;none,right;-10.,height;10.,width;10,backgroundColor;black,onmousedown@res');
- O('d'+c+'h','a','d'+c,'position;absolute,top;-150.,left;0.');
- li();
- oo0();
- O(L).onmousedown=function(e){
- if(L!=this.id){Els();}
- L=this.id;oo0();}
- O(L+'c').onblur=function(e){li();}
- O(L+'c').onfocus=function(e){L=this.parentNode.id;oo0();}
- O(L+'b').ondblclick=function(){loc();}
- az('d'+c+'c',10,/[a-z0-9 ]/);
- az('d'+c+'e',1000);
- }
- function oo0(){
- O('ms').value=L;
- O('mt').value=O(L).ty;
- for(var z=0;z<Q.length;z++){var t=Q[z];
- 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,');};
- }
- }
- /////////////////////////////////////zona menu////////////////////////////////////////////////////////////
- //////////////////////////////////////////////////////////////////////////////////////////////////////////
- O('m_','div','b','top;1.,left;1.,height;70.,position;absolute,width;800.,backgroundColor;#cccccc,borderRadius;10.,l:1200 ,t:5000,zIndex;30');
- O('m','div','m_','top;0.,left;0.,height;70.,position;absolute,width;800.,backgroundColor;transparent,zIndex;2,onmousedown@dra,MozUserSelect;none');
- O('mn','div','m_','position;absolute,top;10.,left;10.,width;20.,height;20.,backgroundColor;black,cursor;pointer,title:nou div,innerHTML:ƞ,fontSize;12.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('me','div','m_','position;absolute,top;10.,left;40.,width;20.,height;20.,backgroundColor;red,cursor;pointer,title:eliminar div,innerHTML:Ж,fontSize;17.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- 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','','');
- 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');
- O('mS','div','m_','position;absolute,top;10.,left;180.,width;20.,height;20.,backgroundColor;yellow,cursor;pointer,title:tipus,innerHTML:۲,fontSize;15.,textAlign;center,zIndex;3,MozUserSelect;none');
- O('ml','div','m_','position;absolute,top;10.,left;210.,width;20.,height;20.,backgroundColor;orange,cursor;pointer,title:settings div,innerHTML:ۿ,fontSize;19.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('mb','div','m_','position;absolute,top;10.,left;240.,width;20.,height;20.,backgroundColor;white,cursor;pointer,title:unbar,innerHTML:߉,fontSize;15.,color;black,textAlign;center,zIndex;3,MozUserSelect;none');
- O('mC','div','m_','position;absolute,bottom;10.,left;210.,width;20.,height;20.,backgroundColor;blue,cursor;pointer,title:clonar,innerHTML:ߋ,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('mj','div','m_','position;absolute,top;10.,left;270.,width;20.,height;20.,backgroundColor;purple,cursor;pointer,title:span,innerHTML:ߍ,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('mk','div','m_','position;absolute,bottom;10.,left;240.,width;20.,height;20.,backgroundColor;olive,cursor;pointer,title:keyboard,innerHTML:ߊ,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('mg','div','m_','position;absolute,bottom;10.,left;270.,width;20.,height;20.,backgroundColor; darkred,cursor;pointer,title:reset inputs span,innerHTML:ߏ,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none,');
- O('mp','div','m_','position;absolute,top;10.,left;300.,width;20.,height;20.,backgroundColor; DeepSkyBlue,cursor;pointer,title:imatge,innerHTML:ߐ,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('mz','div','m_','position;absolute,bottom;10.,left;300.,width;20.,height;20.,backgroundColor; #aa8790,cursor;pointer,title:reset inputs imatge,innerHTML:ߑ,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('ma','div','m_','position;absolute,top;10.,left;330.,width;20.,height;20.,backgroundColor; #aa7700,cursor;pointer,title:accions,innerHTML:ߒ,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('mo','div','m_','position;absolute,bottom;10.,left;330.,width;20.,height;20.,backgroundColor; #aa1050,cursor;pointer,title:elemina events,innerHTML:ߔ,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('mh','div','m_','position;absolute,top;10.,left;360.,width;20.,height;20.,backgroundColor;#3090b0,cursor;pointer,title:crear clases,innerHTML:߈,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('md','div','m_','position;absolute,bottom;10.,left;360.,width;20.,height;20.,backgroundColor;#007000,cursor;pointer,title:eliminar clases,innerHTML:߇,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('my','div','m_','position;absolute,top;10.,left;390.,width;20.,height;20.,backgroundColor;#f04f00,cursor;pointer,title:add fonts,innerHTML:߁,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- O('mx','div','m_','position;absolute,bottom;10.,left;390.,width;20.,height;20.,backgroundColor;#f04faa,cursor;pointer,title:body,innerHTML:߂,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- function eca(){//elimina els valors dels inputs dels camps
- var x=arguments[0];
- var z=O(x+'z')['ar'];
- for(var q=0;q<z.length;q++){z[q]='';
- O(x+q+'z').value='';O(x+q+'z').innerHTML='';
- }}
- O('mg').onclick=function(){eca('mJ');}
- O('mz').onclick=function(){eca('mP');}
- O('mo').onclick=function(){edi('!');O('mA').innerHTML='';
- }
- 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;};}
- 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.');
- 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');
- swi('mx','hidden','mX,mXz');
- O('mXz').onclick=function(){
- O('b',O('mX').textContent);
- }
- 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.');
- 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');
- az('mA',2000,/[a-zA-Z0-9@;:\-()$>#,\s]/);
- 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.');
- 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.');
- swi('mh','hidden','mH,mHz');
- az('mH',2000,/[a-z0-9 ()->,\s]/);
- //a dins de mH posarem classname->d0,d1,d3
- 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.');
- 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.');
- 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');
- //O('mo','div','m_','position;absolute,bottom;10.,left;330.,width;20.,height;20.,backgroundColor; #aa1050,cursor;pointer,title:elemina events,innerHTML:ߔ,fontSize;13.,color;white,textAlign;center,zIndex;3,MozUserSelect;none');
- function mpo(objeto, nombreObjeto) {var resultado = "";for (var i in objeto) {if (objeto.hasOwnProperty(i)) {resultado += nombreObjeto + "." + i + " = " + objeto[i] + "\n";}}return resultado;}
- az('mY',2000,/[a-z0-9 ()->,\s@]/);
- swi('my','hidden','mY,mYz');
- function afo(n,l){var a=n;
- var b=l;
- var style1=document.createElement('style');
- var sfo='@font-face{font-family:'+a+';src:url('+b+');}';
- style1.appendChild(document.createTextNode(sfo));
- document.head.appendChild(style1);}
- O('mYz').onclick=function(){
- var k=String(O('mY').textContent);
- if(k.substr(0,1)=='@'){var t=O((ttL(k.substr(1)))+'e').textContent;
- }else{var t=k;}
- var x=t.split('()');
- for(var u=0;u<x.length;u++){var g=x[u].split('->');
- afo(g[0],g[1]);
- }
- }
- //per introduir a mY asd->regular.ttf()ind->ind.ttf
- function adc(t){
- var A=t.split('()');
- for(var f=0;f<A.length;f++){
- var y=A[f].split('->');
- if(typeof y[1]=='undefined'){return false;};
- var u=y[1].split(',');
- for(var o=0;o<u.length;o++){
- if(typeof ttL(u[o])=='undefined'){return false;}
- if((arguments.length>1)&&(arguments[1]='!')){O((ttL(u[o]))+'e').className=null;}else{O((ttL(u[o]))+'e','className:'+y[0]);};
- }}}
- O('mHz').onclick=function(){var t=O('mH').textContent;adc(t);}
- O('md').onclick=function(){var t=O('mH').textContent;adc(t,'!');O('mH').innerHTML='';}
- function edi(m){
- var r=m;
- if(m=='!'){var m=O('m').m;}else{var m=m;O('m').m=m;};
- if(m.substr(0,1)=='@'){m=O((ttL(m.substr(1)))+'e').textContent;}
- var n=m.split('()');
- for(var t=0;t<n.length;t++){
- var ae1='';ae1=n[t].split('$');
- var z=ae1[0];var a=ttL(z.split('->')[0]);
- var b=z.split('->')[1];
- var c=n[t].substr(n[t].indexOf('$'));
- if(typeof a=='undefined'){return false};
- var k=O(a);
- k.a=a;k.b=b;k.c=c;
- if(r=='!'){O(k.a+'e')[k.b]=null;}else{
- O(k.a+'e')[k.b]=function(e){
- var I=O(this.parentNode.id+'c').textContent+'->'+'on'+e.type;
- var l=m.substr(m.indexOf(I));
- var c=(l.indexOf('()')>=0)?l.split('()')[0]:l;
- j=c.split('$');for(var d=1;d<j.length;d++){
- function ess(s){
- if(s.indexOf('src:')<0){return}
- }
- var s=j[d].split('->');
- var q=((s[1].indexOf(',')<0)&&(s[1].substr(0,4)=='src:'))?'ee':'e';
- var t=(q.length==2)?'e':'';
- if(s[0].substr(0,1)=='#'){
- var z=document.getElementsByClassName(s[0].substr(1));
- for(var i=0;i<z.length;i++){
- O((z[i].id)+t,s[1]);};
- }else{
- O(ttL(s[0])+q,s[1]);
- }
- //d0->onmouseover$#aqs->backgroundColor;blue
- //amb aixo podem fer cambis en els de la clase que posem a event en aquest cas sera aqs
- //recorda que a tots els divs+'e' li he posat un clasName aqs el corchet en el input m'indicara que es una clase
- };
- };
- }
- };
- };
- swi('ma','hidden','mAz,mA');
- O('mAz').onclick=function(){var m=O('mA').textContent;edi(m);}
- /*O('ma').onclick=function(){
- var m='d0->onmouseout$d0->backgroundColor;blue$d1->backgroundColor;purple,color;white()d1->onmouseover$d0->backgroundColor;red$d1->backgroundColor;yellow,color;red';
- }
- */
- 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+',');}}}}
- O('mC').onclick=function(){
- if(Q.length>0){Els();
- var a=O(L+'e').cloneNode(true);var h=O(L).offsetHeight;var w=O(L).offsetWidth;
- div();a.id=L+'e';
- O(L+'e').remove();
- O(L).appendChild(a);O(L,'width;'+w+'.,height;'+h+'.');};
- }
- function Els(){if(O('Sq')){O('Sq').remove();};}
- O('ms').onchange=function(e){Els();L=this.value;oo0();};
- O('mn').onclick=function(){Els();div();Et();}
- O('me').onclick=function(){
- if(Q.length>0){
- Els();O(L).remove();li();
- if(Q.length!=0){oo0();};};
- };
- O('mS').onclick=function(){Els();O(L).ty=O('mt').value;Et();}
- O('ml').onclick=function(){set();}
- 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);}
- O('m_').ondblclick=function(){if(Q.length>0){loc();}}
- function set(){
- if((typeof L)!='undefined'){
- if(O('Sq')){O('Sq').remove();}else{
- O('Sq','div',L,'position;absolute,top;0.,right;-195.,overflow;auto,width;170.,height;80.,cursor;default,MozUserSelect;none,border;5. solid orange');
- ///////////////////////////////////////////////////////////////////////////////////////////////////////////////
- function ese(i,p,e,w,k,o,r,m,l,M){
- /*i->numero del objecte eset///p->parent del objecte eset///e->etiqueta del objecte eset///
- w->amplada del camp input///k->(kind) tipus de input///o->objecte que s'aplica el input
- r->propietat que apliques///m->maxim de digits///l->limits de digits///M->minim i maxim
- g->per cuant volem slapar inputs en els eset*/
- var h=H(p,'z',1);var g=(k=='svg')?-19:0;
- if(k=='t_'){g=19;}else{
- var E=(k=='svg')?w:18;
- O(p+i,'div',p,'position;absolute,top;'+(h)+'.,left;1.,paddingLeft;5.,right;1.,height;'+E+'.,fontSize;13.,backgroundColor;orange,innerHTML:'+e);
- }
- var j='';//tipus de element input
- var v='';//coses que afegim al tipus input
- var b='onblur';//tipus de event que fa executar el style del set
- var a='';//string que va abans en el input
- var z='';//string que va despres del input
- var u='';//tipus de dada que dona input si es un value o textContent
- if(k=='c'){j='input';
- v=',type:color';
- u='value';
- z=',';
- }else if(k=='n'){
- j='div';
- v=',contentEditable:true';
- z=((r=='opacity')||((r.indexOf('zCo'))>0))?',':'px,';
- //d0->onclick$d1->transform;rotate(45deg)
- if(r=='transform'){z='deg)';a='rotate(';}
- u='textContent';
- }else if(k=='t_'){
- j='div';
- v=',contentEditable:true,visibility;hidden,display;inline,whiteSpace;nowrap,overflow;hidden';
- u='textContent';
- z=',';
- }else if((k=='svg')||(k=='t')){
- j='div';var D=(k!='svg')?',display;inline,whiteSpace;nowrap,overflow;hidden':',wordWrap;break-word,overflow;auto';
- v=',contentEditable:true'+D;
- u='textContent';
- z=',';
- if(k=='svg'){O(p+i,'textAlign;center');
- }
- }else if(k=='s'){
- j='select';
- v='contentEditable:false,border;0px solid orange';
- u='value';
- z=',';
- }
- var M=(k!='svg')?',right;2.,width;'+w+'.,height;16.':',right;2.,left;2.,height;'+(w-21)+'.';
- O(p+'z'+i,j,p,'position;absolute,top;'+(h-g+1)+'.'+M+',backgroundColor;white,fontSize;13.'+v);
- //var n=(r.indexOf(':'))?O(o):O(o).style;
- if(k=='n'){
- az(p+'z'+i,m,l,M);
- O(p+'z'+i)[u]=(O(o).style[r]!='')?parseInt(O(o).style[r]):'';
- }else if((k=='t')||(k=='c')){var J;
- if(r=='src:'){J=O(o).src;}else{J=O(o).style[r]};
- O(p+'z'+i)[u]=String(J);
- az(p+'z'+i,m,l);
- }else if(k=='t_'){az(p+'z'+i,m,l);
- O(p+(i-1)).ondblclick=function(){
- var J=O(p+'z'+i).style.visibility;
- J=(J=='hidden')?'visible':'hidden';
- O(p+'z'+i,'visibility;'+J+',');
- };
- }else if(k=='s'){
- opt(p+'z'+i,m.split(';')[1],m.split(';')[0]);
- O(p+'z'+i)[u]=O(o).style[r];
- }else if(k=='svg'){
- O(p+'z'+i)[u]=O(L)['svg'];
- }
- var r=(r.indexOf(':')>=0)?r:r+';';
- O(p+'z'+i)[b]=function(){
- //if(r.indexOf(':')>=0){alert(r+a+(O(p+'z'+i)[u])+z);}
- if(k=='svg'){
- O(L+'ee').innerHTML='';
- var f=O(p+'z'+i)[u];
- O(L).svg=f;
- f=(f.substr(0,1)=='@')?O(ttL(f.substr(1))+'e').textContent:f;
- f=f.rep(/\s/g,'');
- //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');
- asv(L+'ee','',f);
- }else{
- if(r=='kksrc:'){
- O(o).src=O(p+'z'+i)[u];
- }else{
- if(z==','){z='';}
- //alert(o);
- O(o,r+a+(O(p+'z'+i)[u])+z);
- };
- }
- //>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>t==(tex,emb,emi) --> probar amb internet pagines web, pdf,videos embeds, i cançons [81-100]
- };
- }
- /////////////////////////////////////////////////////////////////////////////////////////////////////////
- ese(0,'Sq','x','40','n',L,'left',4,/[0-9]/,'0-1200');
- ese(1,'Sq','y','40','n',L,'top',4,/[0-9]/,'0-5000');
- ese(2,'Sq','Amplada','40','n',L,'width',4,/[0-9]/,'0-1000');
- ese(3,'Sq','Alçada','40','n',L,'height',4,/[0-9]/,'0-2000');
- ese(4,'Sq','Marge Esquerra','20','n',L+'e','paddingLeft',2,/[0-9]/,'0-99');
- ese(5,'Sq','Marge Superior','20','n',L+'e','paddingTop',2,/[0-9]/,'0-99');
- ese(6,'Sq','Marge Dret','20','n',L+'e','paddingRight',2,/[0-9]/,'0-99');
- ese(7,'Sq','Marge Inferior','20','n',L+'e','paddingBottom',2,/[0-9]/,'0-99');
- ese(8,'Sq','Gruix Marge','20','n',L+'e','borderWidth',2,/[0-9]/,'0-99');
- ese(9,'Sq','Color Marge','40','c',L+'e','borderColor');
- ese(10,'Sq','Color Marge','60','t_',L+'e','borderColor',20,/[a-z#0-9]/);
- ese(11,'Sq','Color Fons','40','c',L+'e','backgroundColor');
- ese(12,'Sq','Color Fons','60','t_',L+'e','backgroundColor',20,/[a-z#0-9]/);
- ese(13,'Sq','Cantonades','30','n',L+'e','borderRadius',3,/[0-9]/,'0-200');
- ese(14,'Sq','Cantonades','60','t_',L+'e','borderRadius',20,/[px 0-9]/);
- 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');
- ese(16,'Sq','Ombres','60','t',L+'e','boxShadow',20,/[a-z #0-9]/);
- ese(17,'Sq','Visible','80','s',L+'e','visual','vis,ama;Visible,Amagat');
- ese(18,'Sq','Dragable','80','s',L+'e','drag','dra,sta;Dragable,Estatic');
- ese(19,'Sq','Seleccionable','70','s',L+'e','MozUserSelect','none,text,element,all;Cap,Text,Element,Tot');
- ese(20,'Sq','Rotacio','20','n',L+'e','transform',3,/[0-9]/,'0-360');
- ese(21,'Sq','opacitat','20','n',L+'e','opacity',4,/[0-9.]/,'0-100');
- if(O(L).ty=='tex'){ese(22,'Sq','Color Font','40','c',L+'e','color');
- ese(23,'Sq','Color Font','60','t_',L+'e','color',21,/[a-z#0-9]/);
- ese(24,'Sq','Tamany Font','30','n',L+'e','fontSize',3,/[0-9]/,'0-200');
- 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');
- ese(26,'Sq','Font','110','t_',L+'e','fontFamily',24,/[a-z A-Z0-9]/);
- ese(27,'Sq','Estil Font','80','s',L+'e','fontStyle','normal,italic,oblique;Normal,Italica,Oblicua');
- ese(28,'Sq','Ratllat','100','s',L+'e','textDecoration','none,underline,overline,line-through;sense,subratllat,sobreratllat,Entreratllat');
- ese(29,'Sq','Negreta','100','s',L+'e','fontWeight','normal,bold,bolder,Lighter;Sense,negreta,negreta+,lighter');
- ese(30,'Sq','Alineacio','90','s',L+'e','textAlign','left,right,center,justify;Esquerra,Dreta,Centrat,Justificat');
- ese(31,'Sq','Editable','80','s',L+'e','contentEditable:','true,false;Editable,Fixe');
- ese(32,'Sq','Espaiat Lletres','30','n',L+'e','letterSpacing',2,/[0-9]/,'0-99');
- ese(33,'Sq','Espaiat Paraules','30','n',L+'e','wordSpacing',2,/[0-9]/,'0-99');
- ese(34,'Sq','Espaiat Entrelinies','30','n',L+'e','lineHeight',2,/[0-9]/,'0-99');
- ese(35,'Sq','Columnes','20','n',L+'e','MozColumnCount',1,/[0-9]/,'0-9');
- ese(36,'Sq','Ombra Text','80','t',L+'e','textShadow',30,/[a-z #0-9]/);
- 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')){
- ese(22,'Sq','Url','60','t',L+'ee','src:',200,'');
- ese(23,'Sq','Scroll','90','s',L+'ee','scrolling:','yes,no,auto;si,no,auto');
- }else if(O(L).ty=='svg'){
- //figures
- ese(22,'Sq','Figures','200','svg',L+'ee','svg:',2000,'');
- //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');
- }
- //ese(35,'Sq','Color Seleccio','80','t',L+'e','MozSelectionBackgroundColor',20,/[a-z #0-9]/);
- }
- }
- }
- //O('H').ondblclick=function(){alert(Q);};
- 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');}
- 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();}};}
- sei('mk','mK',amk);
- 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);};};}
- //swi('mk','hidden','mK');
- /////////////////////////////////////////////////////////////////////////////////function////
- function SEL(S){var a=getSelection();
- var b=a.getRangeAt(0);//crea un bg per poder extreure els offset
- var d=a.anchorNode;//troba el node que es troba en l'inici de la aeccio
- var e=a.focusNode;//troba el node que es troba en el final de la aeccio
- var f=d.parentNode;
- if((O(L).ty=='tex')&&(O(L+'e')==f)&&(f.tagName!='SPAN')&&(d==e)){
- var h=b.startOffset;
- var j=String(b).length
- var k=h+j;
- var l=f.childNodes;
- var m=Array.prototype.indexOf.call(l,d);
- var A=Array();
- var n=d.textContent.substr(0,h);
- var o=d.textContent.substr(h,j);
- var p=d.textContent.substr(k);
- var z=l.length;
- for(var g=0;g<z;g++){
- if(g<m){
- A[g]=l[g].cloneNode(true);
- }else if(g==m){
- A[g]=document.createTextNode(n);
- var T=(arguments.length==2)?arguments[1]:'a';
- if((S.indexOf('href:')>=0)&&(T=='img')){
- ////////////////////////////////////////////////aqui separarem els que tenen com img en href
- //per tant hem de crear un element a i afegirli el element img
- var Z=document.createElement('img');
- O(Z,S.split(',href:')[0]+',innerHTML:'+o);
- A[g+1]=document.createElement('a');
- A[g+1].appendChild(Z);
- O(A[g+1],'href:'+S.split(',href:')[1]);
- }else{
- A[g+1]=document.createElement(T);
- O(A[g+1],S+',innerHTML:'+o);
- }
- A[g+2]=document.createTextNode(p);
- }else if(g>m){
- A[g+2]=l[g].cloneNode(true);}}
- O(L+'e').innerHTML='';for(var g=0;g<A.length;g++){O(L+'e').appendChild(A[g]);}}
- }
- /////////////////////////////////////////////////////////////////////////////////function^////
- /////////////////////////////////////////////////////////////////////////////////function////
- function H(L,f,r){var a=O(L).childNodes;var h=1;
- for(var t=0;t<a.length;t++){var o=a[t];
- if(o.id.indexOf(f)<0){h+=parseInt(o.offsetHeight)+r;}
- }return h;}
- /////////////////////////////////////////////////////////////////////////////////function^////
- /////////////////////////////////////////////////////////////////////////////////function////
- function sse(){
- var a=arguments;
- var K=a[0].split(':')[0];
- var F=a[0].split(':')[1];
- var h=H(F,'z',1);
- 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);
- var z=a[1].split(':')[0];var x=a[1].split(':')[1];
- var q='';var r='';var j='';var v=50;var y='';
- if(z=='input'){q=',type:'+a[1].split(':')[1];r='value';y='onchange';}else if(z=='div'){
- q=',backgroundColor;white,fontSize;12.,contentEditable:true,overflow;hidden,display;inline';
- r='textContent';y='onblur';if(x=='px'){j=x;}
- }
- if(a[6]){v=a[6];}
- O(F+a[2]+'z',z,F,'position;absolute,width;'+v+'.,height;16.,top;'+(h+1)+'.,border;0px solid transparent,right;2.'+q);
- if((z=='div')&&(a.length>4)){az(F+a[2]+'z',a[4],a[5]);
- if(a.length>7){O(F+a[2]).title=a[7];}
- }
- if((z=='input')&&(a.length>4)){O(F+a[2]+'z').value=a[5];}
- O(F+a[2]+'z')[y]=function(){O(F+'z')['ar'][a[2]]=a[3]+O(F+a[2]+'z')[r]+j;}
- }
- /////////////////////////////////////////////////////////////////////////////////function^////
- /////////////////////////////////////////////////////////////////////////////////function////
- function spa(){
- 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');
- 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');
- O('mJz')['ar']=new Array();
- sse('Color texte:mJ','input:color',0,'color;');
- sse('Tamany Texte:mJ','div:px',1,'fontSize;',2,/[0-9]/);
- sse('Color de Fons:mJ','input:color',2,'backgroundColor;','white');
- sse('Font:mJ','div:',3,'fontFamily;',20,/[0-9a-zA-Z ]/,100,'Exemple Gramàtic:\nComic Sans MS');
- sse('Estil:mJ','div:',4,'fontStyle;',10,/[a-z]/,100,'Tipus de Estils:\nnormal,italic,oblique');
- sse('Ratllat:mJ','div:',5,'textDecoration;',10,/[a-z]/,100,'Tipus de Ratllats:\nunderline,overline,line-through');
- sse('Negreta:mJ','div:',6,'fontWeight;',10,/[a-z]/,100,'Tipus de Negretes:\nbold,bolder,Lighter');
- sse('Ombres:mJ','div:',7,'textShadow;',30,/[a-z0-9 ]/,100,'Exemple Gramàtic:\n5px 5px 7px black');
- sse('Link:mJ','div:',8,'href:',230,'',100,'Exemple Gramàtic:\nhttp://www.google.com');
- O('mJz').onclick=function(){
- //alert(this['ar']);
- var s='';var h=this['ar'].join(',');
- while(h.substr(0,1)==','){h=h.substr(1);};
- if((this['ar'][8])&&(this['ar'][8]!='')){s=this['ar'][8].split(';')[1];};
- if(h!=''){SEL(h,'a');};
- }
- }
- ////////////////////////////////////////////////////////////////////////////////function^/////
- spa();
- swi('mj','hidden','mJ,mJz');
- 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');
- 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');
- O('mPz')['ar']=new Array();
- sse('Url:mP','div',0,'src:',250,'',100,'Exemple Gramàtic:\nhttp://pics/345.jpg');
- sse('Amplada:mP','div:px',1,'width;',3,/[0-9]/);
- sse('Alçada:mP','div:px',2,'height;',3,/[0-9]/);
- sse('Titol:mP','div',3,'title:',100,/[a-z0-9A-z]/,100);
- sse('Link:mP','div',4,'href:',100,'',100);
- O('mPz').onclick=function(){var h=this['ar'].join(',');if(h!=''){SEL(h,'img');};}
- swi('mp','hidden','mP,mPz');
- 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(',');
- localStorage['aaa']='svg,150.,100.,200.,,,,,,,,,,,,,,,,,,,,,,,,false,,,,,,aleluia,|,tex,400.,100.,200.,,,,,,,,,,,,,,,,,,,,,,,,true,hola que tal,,,,,ale';
- var TA=localStorage['aaa'].split(',|,');
- //var KA=String('svg,100.,100.,200.,,,,,,,,,,,,,,,,,,,,,,,,true,hola que tal,,,,,aleluia').split(',');
- //O('mL').onclick=function(){
- window.onload=function(){
- for(var y=0;y<TA.length;y++){
- var KA=Array();KA=TA[y].split(',');
- Els();div(KA[0]);
- var coo=L,cs='',cO=coo,cf=':';
- var sf="";
- for(var g=0;g<AK.length;g++){
- var jk=KA[g];
- if(g==5){coo=coo+'e';};if(g==29){coo=coo+'e';};if(g==33){coo=cO+'c';};
- if(g==1){cf=';'};if(g==27){cf=':';};
- if(jk!=''){
- O(coo,AK[g]+cf+jk);
- }
- //sf=sf+g+' --> '+coo+' --> '+AK[g]+cf+"\n";
- }
- //O('d0e').innerHTML='hola html';
- //Et();
- //console.log(O(d0).ty);
- }
- };
- </script>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement