User:TheDJ/morebits.js
Jump to navigation
Jump to search
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump. This code will be executed when previewing this page. |
Documentation for this user script can be added at User:TheDJ/morebits. |
// (C) Andrea Giammarchi - JSL 1.4b
var undefined;
function $JSL(){
this.inArray=function(){
var tmp=false,i=arguments[1].length;
while(i&&!tmp)tmp=arguments[1][--i]===arguments[0];
return tmp;
};
this.has=function(str){return $JSL.inArray(str,$has)};
this.random=function(elm){
var tmp=$JSL.$random();
while(typeof(elm[tmp])!=="undefined")tmp=$JSL.$random();
return tmp;
};
this.$random=function(){return (Math.random()*1234567890).toString()};
this.reverse=function(str){return str.split("").reverse().join("")};
this.replace=function(str){
var tmp=str.split(""),i=tmp.length;
while(i>0)tmp[--i]=$JSL.$replace(tmp[i]);
return tmp.join("");
};
this.$replace=function(tmp){
var i=tmp.length===1?tmp.charCodeAt(0):0;
switch(i) {
case 8 :tmp="\\b";break;
case 10 :tmp="\\n";break;
case 11 :tmp="\\v";break;
case 12 :tmp="\\f";break;
case 13 :tmp="\\r";break;
case 34 :tmp="\\\"";break;
case 92 :tmp="\\\\";break;
default:
tmp=tmp.replace(/([\x00-\x07]|[\x0E-\x1F]|[\x7F-\xFF])/g,function(a,b){return "\\x"+$JSL.charCodeAt(b)}).
replace(/([\u0100-\uFFFF])/g,function(a,b){b=$JSL.charCodeAt(b);return b.length<4?"\\u0"+b:"\\u"+b});
break;
};
return tmp;
};
this.charCodeAt=function(str){return $JSL.$charCodeAt(str.charCodeAt(0))};
this.$charCodeAt=function(i){
var str=i.toString(16).toUpperCase();
return str.length<2?"0"+str:str;
};
this.$toSource=function(elm){return elm.toSource().replace(/^(\(new \w+\()([^\000]+)(\)\))$/,"$2")};
this.$toInternalSource=function(elm){
var tmp=null;
switch(elm.constructor) {
case Boolean:
case Number:
tmp=elm;
break;
case String:
tmp=$JSL.$toSource(elm);
break;
default:
tmp=elm.toSource();
break;
};
return tmp;
};
this.getElementsByTagName=function(scope,i,elm,str){
var tmp=$JSL.$getElementsByTagName(scope),j=tmp.length,$tmp=[];
while(i<j){if(tmp[i][str]===elm||elm==="*")$tmp.push($JSL.$getElementsByName(tmp[i]));++i};
if(!$tmp.item){if(!$JSL.has("item"))$has.push("item");$tmp.item=function(tmp){return this[tmp]}};
return $tmp;
};
this.$getElementsByTagName=function(scope){return scope.layers||scope.all};
this.$getElementsByName=function(elm) {
if(!elm.getElementsByTagName) elm.getElementsByTagName=document.getElementsByTagName;
return elm;
};
this.encodeURI=function(str){return str.replace(/"/g,"%22").replace(/\\/g,"%5C")};
this.$encodeURI=function(str){return $JSL.$charCodeAt(str)};
this.$encodeURIComponent=function(a,b){
var i=b.charCodeAt(0),str=[];
if(i<128) str.push(i);
else if(i<2048) str.push(0xC0+(i>>6),0x80+(i&0x3F));
else if(i<65536) str.push(0xE0+(i>>12),0x80+(i>>6&0x3F),0x80+(i&0x3F));
else str.push(0xF0+(i>>18),0x80+(i>>12&0x3F),0x80+(i>>6&0x3F),0x80+(i&0x3F));
return "%"+str.map($JSL.$encodeURI).join("%");
};
this.$decodeURIComponent=function(a,b,c,d,e){
var i=0;
if(e) i=parseInt(e.substr(1,2),16);
else if(d)i=((parseInt(d.substr(1,2),16)-0xC0)<<6)+(parseInt(d.substr(4,2),16)-0x80);
else if(c)i=((parseInt(c.substr(1,2),16)-0xE0)<<12)+((parseInt(c.substr(4,2),16)-0x80)<<6)+(parseInt(c.substr(7,2),16)-0x80);
else i=((parseInt(b.substr(1,2),16)-0xF0)<<18)+((parseInt(b.substr(4,2),16)-0x80)<<12)+((parseInt(b.substr(7,2),16)-0x80)<<6)+(parseInt(b.substr(10,2),16)-0x80);
return String.fromCharCode(i);
};
var $has=[];
if(!Object.prototype.toSource){$has[$has.length]="toSource";Object.prototype.toSource=function(){
var str=[];
switch(this.constructor) {
case Boolean:
str.push("(new Boolean(",this,"))");
break;
case Number:
str.push("(new Number(",this,"))");
break;
case String:
str.push("(new String(\"",$JSL.replace(this),"\"))");
break;
case Date:
str.push("(new Date(",this.getTime(),"))");
break;
case Error().constructor:
str.push("(new Error(",$JSL.$toSource(this.message),",",$JSL.$toSource(this.fileName),",",this.lineNumber,"))");
break;
case Function:
str.push("(",$JSL.$replace(this.toString()),")");
break;
ccase Array:
for( var i=0; i< this.length; i++ ) {
str.push($JSL.$toInternalSource(this[i]));
};
str=["[",str.join(", "),"]"];
break;
default:
var i=0;
for(i in this){if(i!=="toSource")
str.push($JSL.$toSource(i)+":"+$JSL.$toInternalSource(this[i]));
};
str=["{",str.join(", "),"}"];
break;
};
return str.join("");
}};
if(!Function.prototype.apply){$has[$has.length]="apply";Function.prototype.apply=function(){
var i=arguments.length===2?arguments[1].length:0,str,tmp=[],elm=(""+this).replace(/[^\(]+/,"function");
if(!arguments[0])arguments[0]={};
while(i)tmp.unshift("arguments[1]["+(--i)+"]");
do{str="__".concat($JSL.random(arguments[0]).replace(/\./,"_"),"__")}while(new RegExp(str).test(elm));
eval("var ".concat(str,"=arguments[0];tmp=(",elm.replace(/([^$])\bthis\b([^$])/g,"$1".concat(str,"$2")),")(",tmp.join(","),")"));
return tmp;
}};
if(!Function.prototype.call){$has[$has.length]="call";Function.prototype.call=function(){
var i=arguments.length,tmp=[];
while(i>1)tmp.unshift(arguments[--i]);
return this.apply((i?arguments[0]:{}),tmp);
}};
if(!Array.prototype.pop){$has[$has.length]="pop";Array.prototype.pop=function(){
var a=this.length,r=this[--a];
if(a>=0)this.length=a;
return r;
}};
if(!Array.prototype.push){$has[$has.length]="push";Array.prototype.push=function(){
var a=0,b=arguments.length,r=this.length;
while(a<b)this[r++]=arguments[a++];
return r;
}};
if(!Array.prototype.shift){$has[$has.length]="shift";Array.prototype.shift=function(){
this.reverse();
var r=this.pop();
this.reverse();
return r;
}};
if(!Array.prototype.splice){$has[$has.length]="splice";Array.prototype.splice=function(){
var a,b,c,d=arguments.length,tmp=[],r=[];
if(d>1){
arguments[0]=parseInt(arguments[0]);
arguments[1]=parseInt(arguments[1]);
c=arguments[0]+arguments[1];
for(a=0,b=this.length;a<b;a++){
if(a<arguments[0]||a>=c){
if(a===c&&d>2){
for(a=2;a<d;a++)tmp.push(arguments[a]);
a=c;
};
tmp.push(this[a]);
}
else
r.push(this[a]);
};
for(a=0,b=tmp.length;a<b;a++)
this[a]=tmp[a];
this.length = a;
};
return r;
}};
if(!Array.prototype.unshift){$has[$has.length]="unshift";Array.prototype.unshift=function(){
var i=arguments.length;
this.reverse();
while(i>0)this.push(arguments[--i]);
this.reverse();
return this.length;
}};
if(!Array.prototype.indexOf){$has[$has.length]="indexOf";Array.prototype.indexOf=function(elm,i){
var j=this.length;
if(!i)i=0;
if(i>=0){while(i<j){if(this[i++]===elm){
i=i-1+j;j=i-j;
}}}
else
j=this.indexOf(elm,j+i);
return j!==this.length?j:-1;
}};
if(!Array.prototype.lastIndexOf){$has[$has.length]="lastIndexOf";Array.prototype.lastIndexOf=function(elm,i){
var j=-1;
if(!i)i=this.length;
if(i>=0){do{if(this[i--]===elm){
j=i+1;i=0;
}}while(i>0)}
else if(i>-this.length)
j=this.lastIndexOf(elm,this.length+i);
return j;
}};
if(!Array.prototype.every){$has[$has.length]="every";Array.prototype.every=function(callback,elm){
var b=false,i=0,j=this.length;
if(!elm){ while(i<j&&!b) b=!callback(this[i]||this.charAt(i),i++,this)}
else { while(i<j&&!b) b=!callback.apply(elm,[this[i]||this.charAt(i),i++,this]);}
return !b;
}};
if(!Array.prototype.filter){$has[$has.length]="filter";Array.prototype.filter=function(callback,elm){
var r=[],i=0,j=this.length;
if(!elm){while(i<j){if(callback(this[i],i++,this))
r.push(this[i-1]);
}} else {while(i<j){if(callback.apply(elm,[this[i],i++,this]))
r.push(this[i-1]);
}}
return r;
}};
if(!Array.prototype.forEach){$has[$has.length]="forEach";Array.prototype.forEach=function(callback,elm){
var i=0,j=this.length;
if(!elm){ while(i<j) callback(this[i],i++,this)}
else { while(i<j) callback.apply(elm,[this[i],i++,this]);}
}};
if(!Array.prototype.map){$has[$has.length]="map";Array.prototype.map=function(callback,elm){
var r=[],i=0,j=this.length;
if(!elm){ while(i<j) r.push(callback(this[i],i++,this))}
else { while(i<j) r.push(callback.apply(elm,[this[i],i++,this]));}
return r;
}};
if(!Array.prototype.some){$has[$has.length]="some";Array.prototype.some=function(callback,elm){
var b=false,i=0,j=this.length;
if(!elm){ while(i<j&&!b) b=callback(this[i],i++,this)}
else { while(i<j&&!b) b=callback.apply(elm,[this[i],i++,this]);}
return b;
}};
if(!String.prototype.lastIndexOf){if(!this.inArray("lastIndexOf",$has))$has[$has.length]="lastIndexOf";String.prototype.lastIndexOf=function(elm,i){
var str=$JSL.reverse(this),elm=$JSL.reverse(elm),r=str.indexOf(elm,i);
return r<0?r:this.length-r;
}};
if("aa".replace(/\w/g,function(){return arguments[1]+" "})!=="0 1 "){$has[$has.length]="replace";String.prototype.replace=function(replace){return function(reg,func){
var r="",tmp=$JSL.random(String);
String.prototype[tmp]=replace;
if(func.constructor!==Function)
r=this[tmp](reg,func);
else {
function getMatches(reg,pos,a) {
function io() {
var a=reg.indexOf("(",pos),b=a;
while(a>0&®.charAt(--a)==="\\"){};
pos=b!==-1?b+1:b;
return (b-a)%2===1?1:0;
};
do{a+=io()}while(pos!==-1);
return a;
};
function $replace(str){
var j=str.length-1;
while(j>0)str[--j]='"'+str[j].substr(1,str[j--].length-2)[tmp](/(\\|")/g,'\\$1')+'"';
return str.join("");
};
var p=-1,i=getMatches(""+reg,0,0),args=[],$match=this.match(reg),elm=$JSL.$random()[tmp](/\./,'_AG_');
while(this.indexOf(elm)!==-1)elm=$JSL.$random()[tmp](/\./,'_AG_');
while(i)args[--i]=[elm,'"$',(i+1),'"',elm].join("");
if(!args.length)r="$match[i],(p=this.indexOf($match[i++],p+1)),this";
else r="$match[i],"+args.join(",")+",(p=this.indexOf($match[i++],p+1)),this";
r=eval('['+$replace((elm+('"'+this[tmp](reg,'"'+elm+',func('+r+'),'+elm+'"')+'"')+elm).split(elm))[tmp](/\n/g,'\\n')[tmp](/\r/g,'\\r')+'].join("")');
};
delete String.prototype[tmp];
return r;
}}(String.prototype.replace)};
if((new Date().getYear()).toString().length===4){$has[$has.length]="getYear";Date.prototype.getYear=function(){
return this.getFullYear()-1900;
}};
};$JSL=new $JSL();
if(typeof(encodeURI)==="undefined"){function encodeURI(str){
var elm=/([\x00-\x20]|[\x25|\x3C|\x3E|\x5B|\x5D|\x5E|\x60|\x7F]|[\x7B-\x7D]|[\x80-\uFFFF])/g;
return $JSL.encodeURI(str.toString().replace(elm,$JSL.$encodeURIComponent));
}};
if(typeof(encodeURIComponent)==="undefined"){function encodeURIComponent(str){
var elm=/([\x23|\x24|\x26|\x2B|\x2C|\x2F|\x3A|\x3B|\x3D|\x3F|\x40])/g;
return $JSL.encodeURI(encodeURI(str).replace(elm,function(a,b){return "%"+$JSL.charCodeAt(b)}));
}};
if(typeof(decodeURIComponent)==="undefined"){function decodeURIComponent(str){
var elm=/(%F[0-9A-F]%E[0-9A-F]%[A-B][0-9A-F]%[8-9A-B][0-9A-F])|(%E[0-9A-F]%[A-B][0-9A-F]%[8-9A-B][0-9A-F])|(%[C-D][0-9A-F]%[8-9A-B][0-9A-F])|(%[0-9A-F]{2})/g;
return str.toString().replace(elm,$JSL.$decodeURIComponent);
}};
if(typeof(decodeURI)==="undefined"){function decodeURI(str){
return decodeURIComponent(str);
}};
if(!document.getElementById){document.getElementById=function(elm){
return $JSL.$getElementsByName($JSL.$getElementsByTagName(this)[elm]);
}};
if(!document.getElementsByTagName){document.getElementsByTagName=function(elm){
return $JSL.getElementsByTagName(this,0,elm.toUpperCase(),"tagName");
}};
if(!document.getElementsByName){document.getElementsByName=function(elm){
return $JSL.getElementsByTagName(this,0,elm,"name");
}};
if(typeof(XMLHttpRequest)==="undefined"){XMLHttpRequest=function(){
var tmp=null,elm=navigator.userAgent;
if(elm.toUpperCase().indexOf("MSIE 4")<0&&window.ActiveXObject)
tmp=elm.indexOf("MSIE 5")<0?new ActiveXObject("Msxml2.XMLHTTP"):new ActiveXObject("Microsoft.XMLHTTP");
return tmp;
}};
if(typeof(Error)==="undefined")Error=function(){};
Error = function(base){return function(message){
var tmp=new base();
tmp.message=message||"";
if(!tmp.fileName)
tmp.fileName=document.location.href;
if(!tmp.lineNumber)
tmp.lineNumber=0;
if(!tmp.stack)
tmp.stack="Error()@:0\n(\""+this.message+"\")@"+tmp.fileName+":"+this.lineNumber+"\n@"+tmp.fileName+":"+this.lineNumber;
if(!tmp.name)
tmp.name="Error";
return tmp;
}}(Error);
QuickForm = function QuickForm( event, eventType ) {
this.root = new QuickForm.element( { type: 'form', event: event, eventType:eventType } );
var cssNode = document.createElement('style');
cssNode.type = 'text/css';
cssNode.rel = 'stylesheet';
cssNode.appendChild(document.createTextNode());
document.getElementsByTagName("head")[0].appendChild(cssNode);
var styles = cssNode.sheet;
styles.insertRule("form.quickform { width: 96%; margin:auto; padding: .5em; vertical-align: middle}", 0);
styles.insertRule("form.quickform * { font-family: sans-serif; vertical-align: middle}", 0);
styles.insertRule("form.quickform select { width: 30em; border: 1px solid gray; font-size: 1.1em}", 0);
styles.insertRule("form.quickform h5 { border-top: 1px solid gray;}", 0);
styles.insertRule("form.quickform textarea { width: 100%; height: 6em }", 0);
styles.insertRule("form.quickform .tooltipButtonContainer { position: relative; width: 100%; }", 0);
styles.insertRule("form.quickform .tooltipButton { padding: .2em; color: blue; font-weight: bold; cursor:help;}", 0);
styles.insertRule(".quickformtooltip { z-index: 200; position: absolute; padding: .1em; border: 1px dotted red; background-color: Linen; font: caption; font-size: 10pt; max-width: 800px}", 0);
}
QuickForm.prototype.render = function QuickFormRender() {
return this.root.render();
}
QuickForm.prototype.append = function QuickFormAppend( data ) {
return this.root.append( data );
}
QuickForm.element = function QuickFormElement( data ) {
this.data = data;
this.childs = [];
this.id = QuickForm.element.id++;
}
QuickForm.element.id = 0;
QuickForm.element.prototype.append = function QuickFormElementAppend( data ) {
if( data instanceof QuickForm.element ) {
var child = data;
} else {
var child = new QuickForm.element( data );
}
this.childs.push( child );
return child;
}
QuickForm.element.prototype.render = function QuickFormElementRender() {
var currentNode = this.compute( this.data );
for( var i in this.childs ) {
if( this.childs[i] instanceof QuickForm.element ) {
currentNode[1].appendChild( this.childs[i].render() );
}
}
return currentNode[0];
}
QuickForm.element.prototype.compute = function QuickFormElementCompute( data ) {
var node;
var childContainder = null;
var label;
var id = 'node_' + this.id;
if( data.adminonly && !userIsInGroup( 'sysop' ) ) {
// hell hack alpha
data.type = hidden;
}
switch( data.type ) {
case 'form':
node = document.createElement( 'form' );
node.setAttribute( 'name', 'id' );
node.className = "quickform";
node.setAttribute( 'action', 'javascript:void(0);');
if( data.event ) {
node.addEventListener( data.eventType || 'submit', data.event , false );
}
break;
case 'select':
node = document.createElement( 'div' );
node.setAttribute( 'id', 'div_' + id );
if( data.label ) {
label = node.appendChild( document.createElement( 'label' ) );
label.setAttribute( 'for', id );
label.appendChild( document.createTextNode( data.label ) );
}
var select = node.appendChild( document.createElement( 'select' ) );
if( data.event ) {
select.addEventListener( 'change', data.event, false );
}
if( data.multiple ) {
select.setAttribute( 'multiple', 'multiple' );
}
if( data.size ) {
select.setAttribute( 'size', data.size );
}
select.setAttribute( 'name', data.name );
for( var i in data.list ) {
if( !data.list.hasOwnProperty(i) ) {
continue;
}
var current = data.list[i];
if( current.list ) {
current.type = 'optgroup';
} else {
current.type = 'option';
}
var res = this.compute( current );
select.appendChild( res[0] );
}
childContainder = select;
break;
case 'option':
node = document.createElement( 'option' );
node.setAttribute( 'value', data.value );
if( data.selected ) {
node.setAttribute( 'selected', 'selected' );
}
if( data.disabled ) {
node.setAttribute( 'disabled', 'disabled' );
}
node.setAttribute( 'label', data.label );
node.appendChild( document.createTextNode( data.label ) );
break;
case 'optgroup':
node = document.createElement( 'optgroup' );
node.setAttribute( 'label', data.label );
for( var i in data.list ) {
if( !data.list.hasOwnProperty(i) ) {
continue;
}
var current = data.list[i];
current.type = 'option'; //must be options here
var res = this.compute( current );
node.appendChild( res[0] );
}
break;
case 'field':
node = document.createElement( 'fieldset' );
label = node.appendChild( document.createElement( 'legend' ) );
label.appendChild( document.createTextNode( data.label ) );
if( data.name ) {
node.setAttribute( 'name', data.name );
}
break;
case 'checkbox':
case 'radio':
node = document.createElement( 'div' );
for( var i in data.list ) {
if( !data.list.hasOwnProperty(i) ) {
continue;
}
var cur_id = id + '_' + i;
var current = data.list[i];
cur_node = node.appendChild( document.createElement( 'div' ) );
var input = cur_node.appendChild( document.createElement( 'input' ) );
input.setAttribute( 'value', current.value );
input.setAttribute( 'name', current.name || data.name );
input.setAttribute( 'type', data.type );
input.setAttribute( 'id', cur_id );
if( current.checked ) {
input.setAttribute( 'checked', 'checked' );
}
if( current.disabled ) {
input.setAttribute( 'disabled', 'disabled' );
}
var label = cur_node.appendChild( document.createElement( 'label' ) );
label.appendChild( document.createTextNode( current.label ) );
label.setAttribute( 'for', cur_id );
if( current.tooltip ) {
QuickForm.element.generateTooltip( label, current );
}
}
break;
case 'input':
node = document.createElement( 'div' );
if( data.label ) {
label = node.appendChild( document.createElement( 'label' ) );
label.appendChild( document.createTextNode( data.label ) );
label.setAttribute( 'for', id );
}
var input = node.appendChild( document.createElement( 'input' ) );
if( data.value ) {
input.setAttribute( 'value', data.value );
}
input.setAttribute( 'name', data.name );
input.setAttribute( 'type', 'text' );
if( data.size ) {
input.setAttribute( 'size', data.size );
}
if( data.disabled ) {
input.setAttribute( 'disabled', 'disabled' );
}
if( data.readonly ) {
input.setAttribute( 'readonly', 'readonly' );
}
if( data.maxlength ) {
input.setAttribute( 'maxlength', data.maxlength );
}
if( data.event ) {
input.addEventListener( 'keyup', data.event, false );
}
break;
case 'hidden':
var node = document.createElement( 'input' );
node.setAttribute( 'type', 'hidden' );
node.setAttribute( 'value', data.value );
node.setAttribute( 'name', data.name );
break;
case 'header':
node = document.createElement( 'h5' );
node.appendChild( document.createTextNode( data.label ) );
break;
case 'div':
node = document.createElement( 'div' );
break;
case 'submit':
node = document.createElement( 'span' );
childContainder = node.appendChild(document.createElement( 'input' ));
childContainder.setAttribute( 'type', 'submit' );
if( data.label ) {
childContainder.setAttribute( 'value', data.label );
}
childContainder.setAttribute( 'name', data.name || 'submit' );
if( data.disabled ) {
childContainder.setAttribute( 'disabled', 'disabled' );
}
break;
case 'button':
node = document.createElement( 'span' );
childContainder = node.appendChild(document.createElement( 'input' ));
childContainder.setAttribute( 'type', 'button' );
if( data.label ) {
childContainder.setAttribute( 'value', data.label );
}
childContainder.setAttribute( 'name', data.name );
if( data.disabled ) {
childContainder.setAttribute( 'disabled', 'disabled' );
}
if( data.event ) {
childContainder.addEventListener( 'click', data.event, false );
}
break;
case 'textarea':
node = document.createElement( 'div' );
if( data.label ) {
label = node.appendChild( document.createElement( 'label' ) );
label.appendChild( document.createTextNode( data.label ) );
label.setAttribute( 'for', id );
}
node.appendChild( document.createElement( 'br' ) );
textarea = node.appendChild( document.createElement( 'textarea' ) );
textarea.setAttribute( 'name', data.name );
if( data.cols ) {
textarea.setAttribute( 'cols', data.cols );
}
if( data.rows ) {
textarea.setAttribute( 'rows', data.rows );
}
if( data.disabled ) {
textarea.setAttribute( 'disabled', 'disabled' );
}
if( data.readonly ) {
textarea.setAttribute( 'readonly', 'readonly' );
}
break;
}
if( childContainder == null ) {
childContainder = node;
}
if( data.tooltip ) {
QuickForm.element.generateTooltip( label || node , data );
}
if( data.extra ) {
childContainder.extra = extra;
}
childContainder.setAttribute( 'id', id );
return [ node, childContainder ];
}
QuickForm.element.generateTooltip = function QuickFormElementGenerateTooltip( node, data ) {
var tooltipButtonContainer = node.appendChild( document.createElement( 'span' ) );
tooltipButtonContainer.className = 'tooltipButtonContainer';
var tooltipButton = tooltipButtonContainer.appendChild( document.createElement( 'span' ) );
tooltipButton.className = 'tooltipButton';
tooltipButton.appendChild( document.createTextNode( '?' ) );
var tooltip = document.createElement( 'div' );
tooltip.className = 'quickformtooltip';
tooltip.appendChild( document.createTextNode( data.tooltip ) );
tooltipButton.tooltip = tooltip;
tooltipButton.showing = false;
tooltipButton.interval = null;
tooltipButton.addEventListener( 'mouseover', QuickForm.element.generateTooltip.display, false );
tooltipButton.addEventListener( 'mouseout', QuickForm.element.generateTooltip.fade, false );
}
QuickForm.element.generateTooltip.display = function QuickFormElementGenerateTooltipDisplay(e) {
window.clearInterval( e.target.interval );
e.target.tooltip.style.setProperty( '-moz-opacity', 1, null);
e.target.tooltip.style.setProperty( 'opacity', 1, null);
e.target.tooltip.style.left = (e.pageX - e.layerX + 24) + "px";
e.target.tooltip.style.top = (e.pageY - e.layerY + 12) + "px";
document.body.appendChild( e.target.tooltip );
e.target.showing = true;
}
QuickForm.element.generateTooltip.fade = function QuickFormElementGenerateTooltipFade( e ) {
e.target.opacity = 1.2;
e.target.interval = window.setInterval(function(e){
e.target.tooltip.style.setProperty( '-moz-opacity', e.target.opacity, null);
e.target.tooltip.style.setProperty( 'opacity', e.target.opacity, null);
e.target.opacity -= 0.1;
if( e.target.opacity <= 0 ) {
window.clearInterval( e.target.interval );
document.body.removeChild( e.target.tooltip );e.target.showing = false;
}
},50,e);
}
/**
* return 'p-tb' if id is included in array, else return 'p-cactions';
*/
function chooseBox( id, arr ) {
return (!arr || arr.indexOf( id ) == -1) ? 'p-cactions' : 'p-tb';
}
/**
* Will escape a string to be used in a RegExp
*/
RegExp.escape = function( text, space_fix ) {
if ( !arguments.callee.sRE ) {
arguments.callee.sRE = /(\/|\.|\*|\+|\?|\||\(|\)|\[|\]|\{|\}|\\|\$|\^)/g;
}
text = text.replace( arguments.callee.sRE , '\\$1' );
// Special Mediawiki escape, underscore/space is the same, often at lest:
if( space_fix ) {
text = text.replace( / |_/g, '[_ ]' );
}
return text;
}
String.prototype.splitWeightedByKeys = function stringPrototypeSplitWeightedByKeys( start, end ) {
if( start.length != end.length ) {
throw 'start marker and end marker must be of the same length';
}
var level = 0;
var initial = null;
var result = [];
for( var i = 0; i < this.length; ++i ) {
if( this.substr( i, start.length ) == start ) {
if( initial == null ) {
initial = i;
}
++level;
i += start.length - 1;
} else if( this.substr( i, end.length ) == end ) {
--level;
i += end.length - 1;
}
if( level == 0 && initial != null ) {
result.push( this.substring( initial, i + 1 ) );
initial = null;
}
}
return result;
}
Array.prototype.uniq = function arrayPrototypeUniq() {
var result = [];
for( var i in this ) {
var current = this[i];
if( result.indexOf( current ) == -1 ) {
result.push( current );
}
}
return result;
}
Array.prototype.uniq.dontEnum = true;
Array.prototype.dups = function arrayPrototypeUniq() {
var uniques = [];
var result = [];
for( var i in this ) {
var current = this[i];
if( uniques.indexOf( current ) == -1 ) {
uniques.push( current );
} else {
result.push( current );
}
}
return result;
}
Array.prototype.dups.dontEnum = true;
namespaces = {
'-2': 'Media',
'-1': 'Special',
'0' : '',
'1' : 'Talk',
'2' : 'User',
'3' : 'User_talk',
'4' : 'Project',
'5' : 'Project talk',
'6' : 'Image',
'7' : 'Image talk',
'8' : 'MediaWiki',
'9' : 'MediaWiki talk',
'10': 'Template',
'11': 'Template talk',
'12': 'Help',
'13': 'Help talk',
'14': 'Category',
'15': 'Category talk',
'100': 'Portal',
'101': 'Portal talk'
};
Namespace = {
MAIN: 0,
TALK: 1,
USER: 2,
USER_TALK: 3,
PROJECT: 4,
PROJECT_TALK: 5,
IMAGE: 6,
IMAGE_TALK: 7,
MEDIAWIKI: 8,
MEDIAWIKI_TALK: 9,
TEMPLATE: 10,
TEMPLATE_TALK: 11,
HELP: 12,
HELP_TALK: 13,
CATEGORY: 14,
CATEGORY_TALK: 15,
PORTAL: 100,
PORTAL_TALK: 101,
MEDIA: -2,
SPECIAL: -1
};
// Helper functions to change case of a string
String.prototype.toUpperCaseFirstChar = function() {
return this.substr( 0, 1 ).toUpperCase() + this.substr( 1 );
}
String.prototype.toLowerCaseFirstChar = function() {
return this.substr( 0, 1 ).toLowerCase() + this.substr( 1 );
}
String.prototype.toUpperCaseEachWord = function( delim ) {
delim = delim ? delim : ' ';
return this.split( delim ).map( function(v) { return v.toUpperCaseFirstChar() } ).join( delim );
}
String.prototype.toLowerCaseEachWord = function( delim ) {
delim = delim ? delim : ' ';
return this.split( delim ).map( function(v) { return v.toLowerCaseFirstChar() } ).join( delim );
}
/**
* Helper functions to get the month as a string instead of a number
*/
Date.monthNames = [
'January',
'February',
'March',
'April',
'May',
'June',
'July',
'August',
'September',
'October',
'November',
'December'
];
Date.monthNamesAbbrev = [
'Jan',
'Feb',
'Mar',
'Apr',
'May',
'Jun',
'Jul',
'Aug',
'Sep',
'Oct',
'Nov',
'Dec'
];
Date.prototype.getMonthName = function() {
return Date.monthNames[ this.getMonth() ];
}
Date.prototype.getMonthNameAbbrev = function() {
return Date.monthNamesAbbrev[ this.getMonth() ];
}
Date.prototype.getUTCMonthName = function() {
return Date.monthNames[ this.getUTCMonth() ];
}
Date.prototype.getUTCMonthNameAbbrev = function() {
return Date.monthNamesAbbrev[ this.getUTCMonth() ];
}
Mediawiki = {
}
Mediawiki.Page = function mediawikiPage( text ) {
this.text = text;
}
Mediawiki.Page.prototype = {
text: '',
commentOutImage: function( image, reason ) {
reason = reason ? ' ' + reason + ': ' : '';
var first_char = image.substr( 0, 1 );
var image_re_string = "[Ii]mage:\\s*[" + first_char.toUpperCase() + first_char.toLowerCase() + ']' + RegExp.escape( image.substr( 1 ), true );
var links_re = new RegExp( "\\[\\[" + image_re_string );
var allLinks = this.text.splitWeightedByKeys( '[[', ']]' ).uniq();
for( var i in allLinks ) {
if( links_re.test( allLinks[i] ) ) {
var replacement = '<!-- ' + reason + allLinks[i] + ' -->';
this.text = this.text.replace( allLinks[i], replacement );
}
}
var gallery_re = new RegExp( "^(\\s*" + image_re_string + '.*?)$', 'mg' );
var replacement = "<!-- " + reason + "$1 -->";
this.text = this.text.replace( gallery_re, replacement );
},
addToImageComment: function( image, data ) {
var first_char = image.substr( 0, 1 );
var image_re_string = "[Ii]mage:\\s*[" + first_char.toUpperCase() + first_char.toLowerCase() + ']' + RegExp.escape( image.substr( 1 ), true );
var links_re = new RegExp( "\\[\\[" + image_re_string );
var allLinks = this.text.splitWeightedByKeys( '[[', ']]' ).uniq();
for( var i in allLinks ) {
if( links_re.test( allLinks[i] ) ) {
var replacement = allLinks[i];
// just put it at the end?
replacement = replacement.replace( /\]\]$/, ( /\|/.exec( replacement ) ? ' ' : '|' ) + data + ']]' );
this.text = this.text.replace( allLinks[i], replacement );
}
}
var gallery_re = new RegExp( "^(\\s*" + image_re_string + '.*?)\\|?(.*?)$', 'mg' );
var replacement = "$1|$2 " + data;
this.text = this.text.replace( gallery_re, replacement );
},
getText: function() {
return this.text;
}
}
// Simple helper functions to see what groups a user might belong
function userIsInGroup( group ) {
return ( wgUserGroups != null && wgUserGroups.indexOf( group ) != -1 ) || ( wgUserGroups == null && group == 'anon' );
}
function userIsAnon() {
return wgUserGroups == null;
}
// AOL Proxy IP Addresses (2007-02-03)
var AOLNetworks = [
'64.12.96.0/19',
'149.174.160.0/20',
'152.163.240.0/21',
'152.163.248.0/22',
'152.163.252.0/23',
'152.163.96.0/22',
'152.163.100.0/23',
'195.93.32.0/22',
'195.93.48.0/22',
'195.93.64.0/19',
'195.93.96.0/19',
'195.93.16.0/20',
'198.81.0.0/22',
'198.81.16.0/20',
'198.81.8.0/23',
'202.67.64.128/25',
'205.188.192.0/20',
'205.188.208.0/23',
'205.188.112.0/20',
'205.188.146.144/30',
'207.200.112.0/21',
];
// AOL Client IP Addresses (2007-02-03)
var AOLClients = [
'172.128.0.0/10',
'172.192.0.0/12',
'172.208.0.0/14',
'202.67.66.0/23',
'172.200.0.0/15',
'172.202.0.0/15',
'172.212.0.0/14',
'172.216.0.0/16',
'202.67.68.0/22',
'202.67.72.0/21',
'202.67.80.0/20',
'202.67.96.0/19',
];
/**
* ipadress is in the format 1.2.3.4 and network is in the format 1.2.3.4/5
*/
function isInNetwork( ipaddress, network ) {
var iparr = ipaddress.split('.');
var ip = (parseInt(iparr[0]) << 24) + (parseInt(iparr[1]) << 16) + (parseInt(iparr[2]) << 8) + (parseInt(iparr[3]));
var netmask = 0xffffffff << network.split('/')[1];
var netarr = network.split('/')[0].split('.');
var net = (parseInt(netarr[0]) << 24) + (parseInt(netarr[1]) << 16) + (parseInt(netarr[2]) << 8) + (parseInt(netarr[3]));
return (ip & netmask) == net;
}
/* Returns true if given string contains a valid IP-address, that is, from 0.0.0.0 to 255.255.255.255*/
function isIPAddress( string ){
var res = /(\d{1,4})\.(\d{1,3})\.(\d{1,3})\.(\d{1,4})/.exec( string );
return res != null && res.slice( 1, 5 ).every( function( e ) { return e < 256; } );
}
/**
* Maps the querystring to an object
*
* Functions:
*
* QueryString.exists(key)
* returns true if the particular key is set
* QueryString.get(key)
* returns the value associated to the key
* QueryString.equals(key, value)
* returns true if the value associated with given key equals given value
* QueryString.toString()
* returns the query string as a string
* QueryString.create( hash )
* creates an querystring and encodes strings via encodeURIComponent and joins arrays with |
*
* In static context, the value of location.search.substring(1), else the value given to the constructor is going to be used. The mapped hash is saved in the object.
*
* Example:
*
* var value = QueryString.get('key');
* var obj = new QueryString('foo=bar&baz=quux');
* value = obj.get('foo');
*/
function QueryString(qString) {
this.string = qString;
this.params = {};
if( qString.length == 0 ) {
return;
}
qString.replace(/\+/, ' ');
var args = qString.split('&');
for( var i in args ) {
if( typeof( args[i] ) != 'string' ) {
continue;
}
var pair = args[i].split( '=' );
var key = decodeURIComponent( pair[0] ), value = key;
if( pair.length == 2 ) {
value = decodeURIComponent( pair[1] );
}
this.params[key] = value;
}
}
QueryString.static = null;
QueryString.staticInit = function() {
if( QueryString.static == null ) {
QueryString.static = new QueryString(location.search.substring(1));
}
}
QueryString.get = function(key) {
QueryString.staticInit();
return QueryString.static.get(key);
};
QueryString.prototype.get = function(key) {
return this.params[key] ? this.params[key] : null;
};
QueryString.exists = function(key) {
QueryString.staticInit();
return QueryString.static.exists(key);
}
QueryString.prototype.exists = function(key) {
return this.params[key] ? true : false;
}
QueryString.equals = function(key, value) {
QueryString.staticInit();
return QueryString.static.equals(key, value);
}
QueryString.prototype.equals = function(key, value) {
return this.params[key] == value ? true : false;
}
QueryString.toString = function() {
QueryString.staticInit();
return QueryString.static.toString();
}
QueryString.prototype.toString = function() {
return this.string ? this.string : null;
}
QueryString.create = function( arr ) {
var resarr = Array();
for( var i in arr ) {
if( typeof arr[i] == 'undefined' ) {
continue;
}
if( typeof arr[i] == 'object' ){
var v = Array();
for(var j in arr[i] ) {
v[j] = encodeURIComponent( arr[i][j] );
}
resarr.push( encodeURIComponent( i ) + '=' + v.join('|') );
} else {
resarr.push( encodeURIComponent( i ) + '=' + encodeURIComponent( arr[i] ) );
}
}
return resarr.join('&');
}
QueryString.prototype.create = QueryString.create;
/**
* Simple exception handling
*/
Exception = function( str ) {
this.str = str || '';
}
Exception.prototype.what = function() {
return this.str;
}
/**
* Status updating class
*/
Status = function() {}
/*
Initiate an element to be a status window, it will remove all it's childs
*/
Status.init = function( elem ) {
if( !( elem instanceof Element ) ) {
throw new Exception( 'object not an instance of Element' );
}
Status.elem = elem;
Status.currentNode = null;
while( elem.hasChildNodes() ) {
elem.removeChild( elem.firstChild );
}
}
// Private function
Status.append = function( obj, node ) {
if( Status.elem == null ) {
throw new Exception( 'no initialized object found' );
}
if ( ! ( obj instanceof Array ) ) {
obj = [ obj ];
}
node = node || Status.currentNode;
for( var i in obj ) {
if( typeof obj[i] == 'string' ) {
node.appendChild( document.createTextNode( obj[i] ) );
} else if( obj[i] instanceof Element ) {
node.appendChild( obj[i] );
}
}
}
Status.error = function( obj ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'OrangeRed';
Status.currentNode.style.fontWeight = '900';
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
}
Status.warn = function( obj ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'OrangeRed';
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
}
Status.info = function( obj ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'ForestGreen';
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
}
Status.debug = function( obj , level ) {
level = level || 1;
if( Status.debugLevel >= level ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'DimGray';
Status.append( "Debug (" + level + "): " );
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
} else {
return null;
}
}
Status.debugLevel = 0;
Status.status = function( obj ) {
Status.currentNode = document.createElement( 'div' );
Status.currentNode.style.color = 'SteelBlue';
Status.append( obj );
Status.elem.appendChild( Status.currentNode );
return Status.currentNode;
}
Status.progress = function ( obj, node ) {
Status.append( obj, node );
}
// Simple helper function to create a simple node
function htmlNode( type, content, color ) {
var node = document.createElement( type );
if( color ) {
node.style.color = color;
}
node.appendChild( document.createTextNode( content ) );
return node;
}
// A simple dragable window
function SimpleWindow( width, height ) {
var stylesheet = document.createElement('style');
stylesheet.type = 'text/css';
stylesheet.rel = 'stylesheet';
stylesheet.appendChild(document.createTextNode());
document.getElementsByTagName("head")[0].appendChild(stylesheet);
var styles = stylesheet.sheet;
styles.insertRule(
".simplewindow { "+
"position: fixed; "+
"background-color: AliceBlue; "+
"border: 2px ridge Black; "+
"z-index: 100; "+
"}",
0
);
styles.insertRule(
".simplewindow .content { "+
"position: absolute; "+
"top: 20px; "+
"bottom: 0; "+
"overflow: auto; "+
"width: 100%; "+
"}",
0
);
styles.insertRule(
".simplewindow .resizebuttonhorizontal { "+
"position: absolute; "+
"background-color: MediumPurple; "+
"opacity: 0.5; "+
"right: -2px; "+
"bottom: -2px; "+
"width: 20px; "+
"height: 4px; "+
"cursor: se-resize; "+
"}",
0
);
styles.insertRule(
".simplewindow .resizebuttonvertical { "+
"position: absolute; "+
"opacity: 0.5; "+
"background-color: MediumPurple; "+
"right: -2px; "+
"bottom: -2px; "+
"width: 4px; "+
"height: 20px; "+
"cursor: se-resize; "+
"}",
0
);
styles.insertRule(
".simplewindow .closebutton {"+
"position: absolute; "+
"font: 100 0.8em sans-serif; "+
"top: 1px; "+
"left: 1px; "+
"height: 100%; "+
"cursor: pointer; "+
"}",
0
);
styles.insertRule(
".simplewindow .topbar { "+
"position: absolute; "+
"background-color: LightSteelBlue; "+
"font: 900 1em sans-serif; "+
"vertical-align: baseline; "+
"text-align: center; "+
"width: 100%; "+
"height: 20px; "+
"cursor: move; "+
"}",
0
);
this.width = width;
this.height = height;
var frame = document.createElement( 'div' );
var content = document.createElement( 'div' );
var topbar = document.createElement( 'div' );
var title = document.createElement( 'span' );
var closeButton = document.createElement( 'span' );
var resizeButton2 = document.createElement( 'div' );
var resizeButton1 = document.createElement( 'div' );
this.frame = frame;
this.title = title;
this.content = content;
frame.className = 'simplewindow';
content.className = 'content';
topbar.className = 'topbar';
resizeButton1.className = 'resizebuttonvertical';
resizeButton2.className = 'resizebuttonhorizontal';
closeButton.className = 'closebutton';
title.className = 'title';
topbar.appendChild( closeButton );
topbar.appendChild( title );
frame.appendChild( topbar );
frame.appendChild( content );
frame.appendChild( resizeButton1 );
frame.appendChild( resizeButton2 );
frame.style.width = width + 'px';
frame.style.height = height + 'px';
frame.style.top = parseInt( window.innerHeight - this.height )/2 + 'px' ;
frame.style.left = parseInt( window.innerWidth - this.width )/2 + 'px';
var img = document.createElement( 'img' );
img.src = "/media/wikipedia/commons/thumb/5/52/Nuvola_apps_error.png/18px-Nuvola_apps_error.png";
closeButton.appendChild( img );
var self = this;
// Specific events
frame.addEventListener( 'mousedown', function(event) { self.focus(event); }, false );
closeButton.addEventListener( 'click', function(event) {self.close(event); }, false );
topbar.addEventListener( 'mousedown', function(event) {self.initMove(event); }, false );
resizeButton1.addEventListener( 'mousedown', function(event) {self.initResize(event); }, false );
resizeButton2.addEventListener( 'mousedown', function(event) {self.initResize(event); }, false );
// Generic events
window.addEventListener( 'mouseover', function(event) {self.handleEvent(event); }, false );
window.addEventListener( 'mousemove', function(event) {self.handleEvent(event); }, false );
window.addEventListener( 'mouseup', function(event) {self.handleEvent(event); }, false );
this.currentState = this.initialState;
}
SimpleWindow.prototype = {
focusLayer: 100,
width: 800,
height: 600,
initialState: "Inactive",
currentState: null, // current state of finite state machine (one of 'actionTransitionFunctions' properties)
focus: function(event) {
this.frame.style.zIndex = ++this.focusLayer;
},
close: function(event) {
event.preventDefault();
document.body.removeChild( this.frame );
},
initMove: function(event) {
event.preventDefault();
this.initialX = parseInt( event.clientX - this.frame.offsetLeft );
this.initialY = parseInt( event.clientY - this.frame.offsetTop );
this.frame.style.opacity = '0.5';
this.currentState = 'Move';
},
initResize: function(event) {
event.preventDefault();
this.frame.style.opacity = '0.5';
this.currentState = 'Resize';
},
handleEvent: function(event) {
event.preventDefault();
var actionTransitionFunction = this.actionTransitionFunctions[this.currentState][event.type];
if( !actionTransitionFunction ) {
actionTransitionFunction = this.unexpectedEvent;
}
var nextState = actionTransitionFunction.call(this, event);
if( !nextState ){
nextState = this.currentState;
}
if( !this.actionTransitionFunctions[nextState] ){
nextState = this.undefinedState(event, nextState);
}
this.currentState = nextState;
event.stopPropagation();
},
unexpectedEvent: function(event) {
throw ("Handled unexpected event '" + event.type + "' in state '" + this.currentState);
return this.initialState;
},
undefinedState: function(event, state) {
throw ("Transitioned to undefined state '" + state + "' from state '" + this.currentState + "' due to event '" + event.type);
return this.initialState;
},
actionTransitionFunctions: {
Inactive: {
mouseover: function(event) {
return this.currentState;
},
mousemove: function(event) {
return this.currentState;
},
mouseup: function(event) {
return this.currentState;
}
},
Move: {
mouseover: function(event) {
this.moveWindow( event.clientX, event.clientY );
return this.currentState;
},
mousemove: function(event) {
return this.doActionTransition("Move", "mouseover", event);
},
mouseup: function(event) {
this.frame.style.opacity = '1';
return 'Inactive';
}
},
Resize: {
mouseover: function(event) {
this.resizeWindow( event.clientX, event.clientY );
return this.currentState;
},
mousemove: function(event) {
return this.doActionTransition("Resize", "mouseover", event);
},
mouseup: function(event) {
this.frame.style.opacity = '1';
return 'Inactive';
}
}
},
doActionTransition: function(anotherState, anotherEventType, event) {
return this.actionTransitionFunctions[anotherState][anotherEventType].call(this,event);
},
display: function() {
document.body.appendChild( this.frame );
},
setTitle: function( title ) {
this.title.textContent = title;
},
setWidth: function( width ) {
this.frame.style.width = width;
},
setHeight: function( height ) {
this.frame.style.height = height;
},
setContent: function( content ) {
this.purgeContent();
this.addContent( content );
},
addContent: function( content ) {
this.content.appendChild( content );
},
purgeContent: function( content ) {
while( this.content.hasChildNodes() ) {
this.content.removeChild( this.content.firstChild );
}
},
moveWindow: function( x, y ) {
this.frame.style.left = x - this.initialX + 'px';
this.frame.style.top = y - this.initialY + 'px';
},
resizeWindow: function( x, y ) {
this.frame.style.height = Math.max( parseInt( y - this.frame.offsetTop ), 200 ) + 'px';
this.frame.style.width = Math.max( parseInt( x - this.frame.offsetLeft ), 200 ) + 'px';
}
}