User:Ayudante/morebits.js
// (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;
case Array:
var i=0,j=this.length;
while(i<j) str.push($JSL.$toInternalSource(this[i++]));
str=["[",str.join(", "),"]"];
break;
default:
var i=0,tmp;
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);
/**
* return 'p-tb' if id is included in array, else return 'p-cactions';
*/
function chooseBox( id, arr ) {
return 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;
}
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'
};
// 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() ];
}
// 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] == '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 ) {
this.width = width;
this.height = height;
this.frame = document.createElement( 'div' );
SimpleWindow.frames.push( this.frame );
this.topbar = document.createElement( 'div' );
this.topbarover = document.createElement( 'div' );
this.closeButton = document.createElement( 'span' );
this.frame.appendChild( this.topbar );
this.topbarover.appendChild( this.closeButton );
this.frame.style.zIndex = 100;
this.frame.style.width = width + 'px';
this.frame.style.height = height + 'px';
this.frame.style.position = 'fixed';
this.frame.style.background = 'AliceBlue';
this.frame.style.border = '2px ridge Black';
this.frame.simpleWindow = this;
this.frame.addEventListener( 'mousedown', this.focus, true );
this.closeButton.appendChild( document.createTextNode( '[close]' ) );
this.closeButton.style.position = 'absolute';
this.closeButton.style.fontWeight = '100';
this.closeButton.style.fontSize = '0.7em';
this.closeButton.style.top = '0px';
this.closeButton.style.left = '0px';
this.closeButton.style.cursor = 'pointer';
this.closeButton.simpleWindow = this;
this.closeButton.addEventListener( 'click', this.close, false );
this.topbar.style.width = '100%';
this.topbar.style.height = '20px';
this.topbar.style.background = 'LightSteelBlue';
this.topbar.style.position = 'absolute';
this.topbar.style.fontWeight = '900';
this.topbar.style.fontSize = '1em';
this.topbar.style.fontFamily = 'sans-serif';
this.topbar.style.textAlign = 'center';
this.topbar.style.verticalAlign = 'baseline';
this.topbar.style.top = '0px';
this.topbar.style.left = '0px';
this.topbarover.style.width = '100%';
this.topbarover.style.height = '24px';
this.topbarover.style.position = 'absolute';
this.topbarover.style.top = '0px';
this.topbarover.style.left = '0px';
this.topbarover.simpleWindow = this;
this.topbarover.addEventListener( 'mousedown', this.beginMove, true );
}
SimpleWindow.prototype.focus = function(e) {
for( var i in SimpleWindow.frames ) {
SimpleWindow.frames[i].style.zIndex = 99;
}
this.simpleWindow.frame.style.zIndex = 100;
}
SimpleWindow.prototype.display = function() {
this.title = this.title || "Title";
this.content = this.content || document.createTextNode( "" );
this.topbar.appendChild( document.createTextNode( this.title ) );
var content = document.createElement( 'div' );
content.style.position = 'relative';
content.style.top = '20px';
content.style.height = ( this.height - 20 ) + 'px';
content.style.overflow = 'auto';
content.appendChild( this.content );
this.frame.appendChild( content );
this.frame.appendChild( this.topbarover );
this.frame.style.width = this.width + 'px';
this.frame.style.height = this.height + 'px';
this.frame.style.top = (window.innerHeight - this.height )/2 + 'px' ;
this.frame.style.left = (window.innerWidth - this.width )/2 + 'px';
document.getElementsByTagName('body')[0].appendChild( this.frame );
}
SimpleWindow.prototype.close = function(e) {
if( e ) {
this.simpleWindow.frame.parentNode.removeChild(this.simpleWindow.frame);
} else {
this.frame.parentNode.removeChild(this.frame);
}
}
SimpleWindow.prototype.setWidth = function( width ) {
this.width = width;
}
SimpleWindow.prototype.setHeight = function( height ) {
this.height = height;
}
SimpleWindow.prototype.setTitle = function( title ) {
this.title = title;
}
SimpleWindow.prototype.setContent = function( content ) {
this.content = content;
}
SimpleWindow.frames = [];
SimpleWindow.prototype.currentObject = null;
SimpleWindow.prototype.beginMove = function(e) {
if( e.button != 0 ) {
return;
}
this.simpleWindow.initX = e.layerX;
this.simpleWindow.initY = e.layerY;
this.simpleWindow.lastX = e.clientX;
this.simpleWindow.lastY = e.clientY;
SimpleWindow.currentObject = this.simpleWindow;
window.addEventListener( 'mousemove', SimpleWindow.moveWindow, false );
window.addEventListener( 'mouseup', function(e) {
SimpleWindow.currentObject = null;
window.removeEventListener( 'mousemove', SimpleWindow.moveWindow, false );
window.removeEventListener( 'mouseup', SimpleWindow.moveWindow, false );
}, false );
}
SimpleWindow.moveWindow = function(e) {
if( SimpleWindow.currentObject == null ) {
return;
}
var y = e.clientY - SimpleWindow.currentObject.initY;
var x = e.clientX - SimpleWindow.currentObject.initX;
SimpleWindow.currentObject.frame.style.top = y + 'px';
SimpleWindow.currentObject.frame.style.left = x + 'px';
e.stopPropagation();
}
Content Disclaimer
Informasi ini disarikan dari Wikipedia dan disajikan kembali untuk tujuan edukasi. Konten tersedia di bawah lisensi CC BY-SA 3.0. Kami tidak bertanggung jawab atas ketidakakuratan data yang bersumber dari kontribusi publik tersebut.
- The information displayed on this website is sourced in part or in whole from Wikipedia and has been adapted for the purpose of restating it. We strive to provide accurate and relevant information, however:
- There is no guarantee of absolute accuracy. Wikipedia is an open, collaborative project that can be edited by anyone, so information is subject to change.
- It is not intended to constitute professional advice. The content displayed is for informational and educational purposes only. For important decisions (e.g., medical, legal, or financial), please consult a professional.
- Content copyright. Wikipedia is licensed under the Creative Commons Attribution-ShareAlike License (CC BY-SA). This means that content may be reused with appropriate attribution and shared under a similar license.
- Responsible use. Any risk arising from the use of information from this website is entirely the responsibility of the user.