/*
* Copyright (C) Chi Hoang - All Rights Reserved
*/
function List() {
this.observerList = [];
this.sort = "";
this.func = "";
return this;
}
List.prototype = {
add : function( obj ){
return this.observerList.push( obj );
},
unshift : function( obj ){
return this.observerList.unshift( obj );
},
count : function() {
return this.observerList.length;
},
get : function( index ){
if( index > -1 && index < this.observerList.length ){
return this.observerList[ index ];
}
},
reset : function ( index ) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.ip2long > b.ip2long) ? 1 : (b.ip2long > a.ip2long) ? -1 : 0 : -1;});
this.target();
this.sort = "";
this.func = "";
},
//http://stackoverflow.com/questions/17987015/ip-address-validation-with-proper-dots-in-between
isIpAddress : function (s) {
if (typeof s !== 'string') { return false; }
// There must be 4 parts separated by dots.
var parts = s.split('.');
if (parts.length !== 4) { return false; }
// Each of the four parts must be an integer in the range 0 to 255.
for (var i = 0; i < 4; ++i) {
var part = parts[i];
// Each part must consist of 1 to 3 decimal digits.
if (!/^\d{1,3}$/.test(part)) { return false; }
var n = +part;
if (0 > n || n > 0xff) { return false; }
}
return true;
},
target : function () {
document.body.innerHTML = '';
for (var i=0,x=this.observerList.length;i<x;i++) {
this.observerList[i].navigation=0;
if (this.observerList[i].type=="ip" && this.observerList[i].visibility=="show") {
colclass = (i % 2) ? "column1" : "column2";
this.observerList[i].ele.className = colclass + " " + this.observerList[i].ele.id;
window.document.body.appendChild(this.observerList[i].ele);
a = new Subject(100);
a.ele.className = colclass + " " + this.observerList[i].ele.id;
window.document.body.appendChild(a.ele);
a.ele.appendChild(window.document.createTextNode(this.observerList[i].city));
b = new Subject(100);
b.ele.className = colclass + " " + this.observerList[i].ele.id;
window.document.body.appendChild(b.ele);
b.ele.appendChild(window.document.createTextNode(this.observerList[i].region));
c = new Subject(100);
c.ele.className = colclass + " " + this.observerList[i].ele.id;
window.document.body.appendChild(c.ele);
c.ele.appendChild(window.document.createTextNode(this.observerList[i].country));
d = new Subject(100);
d.ele.className = colclass + " " + this.observerList[i].ele.id;
window.document.body.appendChild(d.ele);
d.ele.appendChild(window.document.createTextNode(this.observerList[i].latitude));
e = new Subject(100);
e.ele.className = colclass + " " + this.observerList[i].ele.id;
window.document.body.appendChild(e.ele);
e.ele.appendChild(window.document.createTextNode(this.observerList[i].longitude));
f = new Subject(100);
f.ele.className = colclass + " " + this.observerList[i].ele.id;
window.document.body.appendChild(f.ele);
f.ele.appendChild(window.document.createTextNode(this.observerList[i].timezone));
g = new Subject(100);
g.ele.className = colclass + " " + this.observerList[i].ele.id;
window.document.body.appendChild(g.ele);
g.ele.appendChild(window.document.createTextNode(this.observerList[i].zipcode));
h = new Subject(100);
h.ele.className = "linebreak " + this.observerList[i].ele.id;
window.document.body.appendChild(h.ele);
window.document.getElementById(h.ele.id).style.width=0;
window.document.getElementById(h.ele.id).style.height=0;
window.document.getElementById(h.ele.id).style.clear="both";
window.document.getElementById(h.ele.id).style.float="none";
}
}
},
suipaddr : function (index) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.iplong > b.iplong) ? 1 : (b.iplong > a.iplong) ? -1 : 0 : -1;});
this.target();
this.sort = "sdipaddr";
this.func = this.suipaddr;
},
sdipaddr : function (index) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.iplong < b.iplong) ? 1 : (b.iplong < a.iplong) ? -1 : 0 : -1;});
this.target();
this.sort = "sdipaddr";
this.func = this.sdipaddr;
},
sucity : function (index) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.city > b.city) ? 1 : (b.city > a.city) ? -1 : 0 : -1;});
this.target();
this.sort = "sucity";
this.func = this.sucity;
},
sdcity : function (index) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.city < b.city) ? 1 : (b.city < a.city) ? -1 : 0 : -1;});
this.target();
this.sort = "sdcity";
this.func = this.sdcity;
},
sdcountry : function (index) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.country < b.country) ? 1 : (b.country < a.country) ? -1 : 0 : -1;});
this.target();
this.sort = "sdcountry";
this.func = this.sdcountry;
},
sucountry : function (index) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.country > b.country) ? 1 : (b.country > a.country) ? -1 : 0 : -1;});
this.target();
this.sort = "sucountry";
this.func = this.sucountry;
},
suregion : function (index) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.region > b.region) ? 1 : (b.region > a.region) ? -1 : 0 : -1;});
this.target();
this.sort = "suregion";
this.func = this.suregion;
},
sdregion : function (index) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.region < b.region) ? 1 : (b.region < a.region) ? -1 : 0 : -1;});
this.target();
this.sort = "sdregion";
this.func = this.sdregion;
},
suzipcode : function ( index ) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.zipcode > b.zipcode) ? 1 : (b.zipcode > a.zipcode) ? -1 : 0 : -1;});
this.target();
this.sort = "suzipcode";
this.func = this.suzipcode;
},
sdzipcode : function ( index ) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.zipcode < b.zipcode) ? 1 : (b.zipcode < a.zipcode) ? -1 : 0 : -1;});
this.target();
this.sort = "sdzipcode";
this.func = this.sdzipcode;
},
sutimezone : function ( index ) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.timezone > b.timezone) ? 1 : (b.timezone > a.timezone) ? -1 : 0 : -1;});
this.target();
this.sort = "sutimezone";
this.func = this.sutimezone;
},
sdtimezone : function ( index ) {
this.observerList.sort(function(a,b){return (a.type=="ip") ? (a.timezone < b.timezone) ? 1 : (b.timezone < a.timezone) ? -1 : 0 : -1;});
this.target();
this.sort = "sdtimezone";
this.func = this.sdtimezone;
},
indexOf : function( obj, startIndex ){
var i = startIndex;
while( i < this.observerList.length ){
if( this.observerList[i] === obj ){
return i;
}
i++;
}
return -1;
},
removeAt : function( from, to){
this.from = from || 0;
this.to = to || 1;
this.observerList.splice( from, to );
}
};
var Subject = function (navigation,width,height) {
this.width = width || "110px";
this.height = height || "20px";
this.navigation = navigation || 10;
this.ele = document.createElement("div");
this.ele.id = Math.floor((Math.random() * 768716276990) + 1);
this.ele.className = "column";
this.ele.style.whiteSpace="nowrap";
this.ele.style.display="block";
this.ele.style.cssFloat="left";
this.ele.style.width = this.width;
this.ele.style.height = this.height;
return this;
}
Subject.prototype = {
update : function (parent,id) {
this.ele.b=null;
//this.ele.b=setInterval( function () { parent.Notify(id); },parent.tinterval);
}
}
var Publisher = function (observers)
{
this.xhr=[];
this.n = 25;
this.from=0;
this.to=0;
this.observers = observers;
this.seed = 768716276;
this.tstart = 1000;
this.tinterval = 1000000;
this.step = 256*256*256;
this.range=(100*this.step)-this.step;
this.ccvalue="All";
this.cc = ["AU","CN","JP","TH","IN","MY","KR","SG","TW","HK","PH","VN","NO","FR","GB","NL","DE","US","ES","DK","SE","CZ","BE","FI","RU","IT","GR","AE","AT","ZA","IL","CH","QA","KZ","PT","SA","IR","LT","CA","MX","SY","UA","KW","BH","LB","OM","JO","IQ","TR","RO","GE","BR","AZ","ZM","ZW","PS","SK","RS","IS","HU","BG","SI","MD","MK","AO","LI","JE","HR","PL","BA","EE","LV","KG","IE","IM","MT","GI","LY","LU","AM","AR","VG","YE","BY","GP","MQ","GY","GU","MP","DO","VE","PR","VI","NZ","BD","PK","ID","NP","PG","CL","CO","MO","LK","EC","CR","KY","UY","EG","BB","BS","LC","DM","KH","TK","MV","AF","NC","FJ","MN","WF","AL","CY","UZ","BL","ME","SM","CD","GG","TJ","BM","VC","NG","BO","LR","KE","GH","TZ","MG","NA","CI","SD","CM","MW","MU","GA","MZ","ML","BJ","TD","BW","CV","RW","CG","UG","GM","LS","MA","DZ","GN","SZ","BF","SO","SL","NE","CF","TG","SS","BI","GQ","SC","SN","DJ","MR","ET","KM","IO","RE","TN","YT","LA","MM","BN","NR","VU","BT","WS","FM","PF","TL","TO","GL","FO","BZ","NU","KI","MH","PW","SB","TV","KP","PE","PY","GF","SR","GT","HN","NI","SV","PA","VA","AD","MC","ER","GW","ST","TM","AG","CU","GD","HT","JM","KN","TT","CW","AI","UM","AW","PM","SX","MF","TC","AX","NF","AQ","AS","BQ","GS"];
this.stepmenu = {"1": [1], "256" : [2], "65536" : [3], "16777216" : [4] };
this.timeout = 900*60*3;
this.navbar ='<ul id="drop-nav"><li><a href="javascript:void();">Sort</a><ul> \
<li><a id="suipaddr#" href="javascript:void(0);" onclick="l.observers.suipaddr(\'#\');">+ IPaddress</a></li> \
<li><a id="sdipaddr#" href="javascript:void(0);" onclick="l.observers.sdipaddr(\'#\');">- IPaddress</a></li> \
<li><a id="sucity#" href="javascript:void(0);" onclick="l.observers.sucity(\'#\');">+ city</a></li> \
<li><a id="sdcity#" href="javascript:void(0);" onclick="l.observers.sdcity(\'#\');">- city</a></li> \
<li><a id="suregion#" href="javascript:void(0);" onclick="l.observers.suregion(\'#\');">+ region</a></li> \
<li><a id="sdregion#" href="javascript:void(0);" onclick="l.observers.sdregion(\'#\');">- region</a></li> \
<li><a id="sucountry#" href="javascript:void(0);" onclick="l.observers.sucountry(\'#\');">+ country</a></li> \
<li><a id="sdcountry#" href="javascript:void(0);" onclick="l.observers.sdcountry(\'#\');">- country</a></li> \
<li><a id="sutimezone#" href="javascript:void(0);" onclick="l.observers.sutimezone(\'#\');">+ timezone</a></li> \
<li><a id="sdtimezone#" href="javascript:void(0);" onclick="l.observers.sdtimezone(\'#\');">- timezone</a></li> \
<li><a id="suzipcode#" href="javascript:void(0);" onclick="l.observers.suzipcode(\'#\');">+ zipcode</a></li> \
<li><a id="sdzipcode#" href="javascript:void(0);" onclick="l.observers.sdzipcode(\'#\');">- zipcode</a></li> \
<li><a id="reset# href="javascript:void(0);" onclick="l.observers.reset(\'#\');">Reset</a></li> \
</ul></li> \
</ul> \
<ul id="drop-nav"><li><a href="javascript:void(0);">Interval</a><ul> \
<li><a id=\'step1#\' href="javascript:void(0);" onclick="l.changeStep(\'#\',\'1\');">1</a></li> \
<li><a id=\'step256#\' href="javascript:void(0);" onclick="l.changeStep(\'#\',\'256\');">2</a></li> \
<li><a id=\'step65536#\' href="javascript:void(0);" onclick="l.changeStep(\'#\',\'65536\');">3</a></li> \
<li><a id=\'step16777216#\' href="javascript:void(0);" onclick="l.changeStep(\'#\',\'16777216\');">4</a></li> \
</ul></li> \
Country Code:%\
<input class=\'ipaddr\' type=\'text\' id=\'ipaddr#\' onblur=\'if(this.value=="") {this.value="IP address";this.style.color="LightGray" } else { this.style.color="red"} ;return false;\' \
onfocus=\'this.value=""; this.style.color="black";return false;\' name=\'ipaddr\' value=\'IP address\' \> \
<input class=\'button\' onclick=\'l.Search("#");\' type=\'button\' value=\'Search\'> \
';
this.AddNav();
return this;
}
Publisher.prototype = {
scrollTomid : function (dir) {
if (dir=="up") {
var pos = window.innerHeight-window.outerHeight/10;
} else {
var pos = window.innerHeight-window.outerHeight/10;
}
console.log("scrollTo:"+ pos);
//http://stackoverflow.com/questions/15691569/javascript-issue-with-scrollto-in-chrome
setTimeout(function() {window.scrollTo(0,pos);},500);
},
SelectCC : function (id) {
this.ccvalue = document.getElementById(id).options[document.getElementById(id).selectedIndex].value;
//document.body.innerHTML = '';
//this.observers.observerList=[];
switch (this.direction) {
case "down": {
this.Request(Number(this.from),Number(this.to)+Number(this.step),"down");
break;
};
case "up": {
this.Request(Number(this.from),Number(this.to)+Number(this.step),"down");
break;
}
default: {
this.Request(Number(this.from),Number(this.to)+Number(this.step),"down");
break;
}
}
},
//http://stackoverflow.com/questions/17987015/ip-address-validation-with-proper-dots-in-between
isIpAddress : function (s) {
if (typeof s !== 'string') { return false; }
// There must be 4 parts separated by dots.
var parts = s.split('.');
if (parts.length !== 4) { return false; }
// Each of the four parts must be an integer in the range 0 to 255.
for (var i = 0; i < 4; ++i) {
var part = parts[i];
// Each part must consist of 1 to 3 decimal digits.
if (!/^\d{1,3}$/.test(part)) { return false; }
var n = +part;
if (0 > n || n > 0xff) { return false; }
}
return true;
},
changeStep : function (id,value) {
this.step = Number(value);
this.range=(100*this.step)-this.step;
//this.AddNav();
switch (this.direction) {
case "down": {
this.Request(Number(this.from),Number(this.to)+Number(this.step),"down");
break;
};
case "up": {
this.Request(Number(this.from),Number(this.to)+Number(this.step),"down");
break;
}
default: {
this.Request(Number(this.from),Number(this.to)+Number(this.step),"down");
break;
}
}
},
//http://stackoverflow.com/questions/15932650/body-scrollheight-doesnt-work-in-firefox
getDocHeight : function () {
var D = document;
return Math.max(
Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
Math.max(D.body.clientHeight, D.documentElement.clientHeight)
);
},
//http://stackoverflow.com/questions/14505224/js-set-window-height-using-current-window-size
setWindowHeight : function (){
//var windowHeight = window.innerHeight;
var windowHeight = this.getDocHeight();
document.body.style.height = windowHeight + "px";
document.body.scrollHeight = windowHeight + "px";
console.log("DocBodyStyleHeight:"+document.body.style.height);
console.log("WinInnerHeight:"+window.innerHeight);
console.log("WinScrollY:"+window.scrollY);
console.log("DocBodyScrollHeight:"+document.body.scrollHeight);
},
//http://stackoverflow.com/questions/8105629/ip-addresses-stored-as-int-results-in-overflow
ip2long : function (dot) {
var d = dot.split('.');
return ((((((+d[0])*256)+(+d[1]))*256)+(+d[2]))*256)+(+d[3]);
},
CreateRequestObject : function () {
var xmlHttp = false;
if (typeof(XMLHttpRequest) != 'undefined') {
xmlHttp = new XMLHttpRequest();
}
if (!xmlHttp) {
try {
xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch(e) {
try {
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch(e) {
xmlHttp = false;
}
}
}
return xmlHttp;
},
Search : function (id) {
if (this.isIpAddress(document.getElementById("ipaddr"+id).value)) {
var i=0; var me=this;
this.iplong = Number(this.ip2long(document.getElementById("ipaddr"+id).value));
this.from=Math.floor(this.iplong/this.step)*this.step;
this.to=(this.from+100*this.step)-this.step;
this.range=(100*this.step)-this.step;
this.direction = "down";
this.xhr[i]= this.CreateRequestObject();
if (this.xhr[i]) {
this.xhr[i].open('GET', 'ajax.php?from='
+this.from
+'&to='+this.to
+'&step='+this.step
+'&dir='+this.direction
+'&cc='+this.ccvalue,
true);
this.xhr[i].timeout = this.timeout; // time in milliseconds
this.xhr[i].ontimeout = function (e) {
// XMLHttpRequest timed out. Do something here.
alert("Sorry, not found! Please try again!");
};
this.xhr[i].responseType = 'json';
this.xhr[i].onreadystatechange = null;
this.xhr[i].addEventListener( "load", function(e) { me.Response(e);}, false);
this.xhr[i].send(null);
}
} else {
document.getElementById("ipaddr"+id).style.color = "LightGray";
document.getElementById("ipaddr"+id).value = "IP address";
}
},
Request : function (from, to , direction) {
var i=0; var me=this;
//this.from=from;
//this.to=to;
this.direction=direction || "down";
this.xhr[i]= this.CreateRequestObject();
if (this.xhr[i]) {
this.xhr[i].open('GET', 'ajax.php?from='
+from
+'&to='+to
+'&step='+this.step
+'&dir='+this.direction
+'&cc='+this.ccvalue,
true);
this.xhr[i].timeout = this.timeout; // time in milliseconds
this.xhr[i].ontimeout = function (e) {
// XMLHttpRequest timed out. Do something here.
alert("Sorry, not found! Please try again!");
};
this.xhr[i].responseType = 'json';
this.xhr[i].onreadystatechange = null;
this.xhr[i].addEventListener( "load", function(e) { me.Response(e);}, false);
this.xhr[i].send(null);
}
},
Response : function (request) {
j=request.target.response;
if (j!=null) {
e=j.length-1;
if (e>1 && e<100) {
if (this.direction=="down") {
this.from=j[0].from;
this.to=j[e].from+this.step;
} else {
this.from=j[e].from;
this.to=j[0].from;
}
switch (this.direction) {
case "search": {
document.body.innerHTML = '';
this.setWindowHeight();
this.observers.observerList=[];
for (var i=0,e=j.length;i<e;i++) {
this.Down(new Subject(100),j[i].ipaddr,j[i].countryCode,
j[i].regionName,j[i].cityName,j[i].lat,j[i].long,j[i].zipCode,j[i].timeZone,i)
}
this.direction = "down";
if (this.observers.sort!="") {
this.observers.func();
}
}
break;
case "down": {
var t = this.observers.count();
var p=0;
for (var i=0,e=j.length;i<e;i++) {
for (k=0;k<t;k++) {
if (j[i].ipaddr==this.observers.observerList[k].ipaddr) {
break;
}
}
if (k==t || t==0) {
this.Down(new Subject(100),j[i].ipaddr,j[i].countryCode,
j[i].regionName,j[i].cityName,j[i].lat,j[i].long,j[i].zipCode,j[i].timeZone,i);
++p;
}
}
var t = this.observers.count();
if (t>100) {
for (var a=0;a<p;a++) {
e = window.document.getElementById(this.observers.get(a).ele.id);
var elem = document.getElementsByClassName(e.className);
this.RemoveClass(elem);
this.RemoveClass(document.getElementsByClassName("linebreak "+e.id))
}
this.observers.removeAt(0,p);
}
if (this.observers.sort!="") {
this.observers.func();
}
this.scrollTomid("down");
}
break;
case "up" : {
var t = this.observers.count();
//for (var i=j.length-1;i>0;i--) {
for (var i=0,e=j.length;i<e;i++) {
for (k=0;k<t;k++) {
if (j[i].ipaddr==this.observers.observerList[k].ipaddr) {
break;
}
}
if (k==t || t==0) {
this.Up(new Subject(100),j[i].ipaddr,j[i].countryCode,
j[i].regionName,j[i].cityName,j[i].lat,j[i].long,j[i].zipCode,j[i].timeZone,i);
}
}
var t = this.observers.count();
if (t>100) {
for (var a=100,b=t;a<b;a++) {
e = window.document.getElementById(this.observers.get(a).ele.id);
var elem = document.getElementsByClassName(e.className);
this.RemoveClass(elem);
this.RemoveClass(document.getElementsByClassName("linebreak "+e.id));
}
this.observers.removeAt(100,b);
}
if (this.observers.sort!="") {
this.observers.func();
}
this.scrollTomid("up");
}
}
this.setWindowHeight();
}
}
},
Up : function(ip,ipaddr,country,region,city,latitude,longitude,zipcode,timezone,z) {
var me=this;
ip.ipaddr = ipaddr || 0;
ip.country = country || 0;
ip.region = region || 0;
ip.city = city || 0;
ip.latitude = latitude || 0;
ip.longitude = longitude || 0;
ip.zipcode = zipcode || 0;
ip.timezone = timezone || 0;
ip.navigation = 0;
ip.type = "ip";
ip.visibility = "show";
ip.z = z;
ip.iplong = me.ip2long(ipaddr);
h = new Subject(100);
h.ele.className = "linebreak " + ip.ele.id;
window.document.body.insertBefore(h.ele,window.document.body.childNodes[0]);
window.document.getElementById(h.ele.id).style.width=0;
window.document.getElementById(h.ele.id).style.height=0;
window.document.getElementById(h.ele.id).style.clear="both";
window.document.getElementById(h.ele.id).style.float="none";
colclass = (z % 2) ? "column1" : "column2";
g = new Subject(100);
g.ele.className = colclass + " " + ip.ele.id;
window.document.body.insertBefore(g.ele,window.document.body.childNodes[0]);
g.ele.appendChild(window.document.createTextNode(ip.zipcode));
f = new Subject(100);
f.ele.className = colclass + " " + ip.ele.id;
window.document.body.insertBefore(f.ele,window.document.body.childNodes[0]);
f.ele.appendChild(window.document.createTextNode(ip.timezone));
e = new Subject(100);
e.ele.className = colclass + " " + ip.ele.id;
window.document.body.insertBefore(e.ele,window.document.body.childNodes[0]);
e.ele.appendChild(window.document.createTextNode(ip.longitude));
d = new Subject(100);
d.ele.className = colclass + " " + ip.ele.id;
window.document.body.insertBefore(d.ele,window.document.body.childNodes[0]);
d.ele.appendChild(window.document.createTextNode(ip.latitude));
c = new Subject(100);
c.ele.className = colclass + " " + ip.ele.id;
window.document.body.insertBefore(c.ele,window.document.body.childNodes[0]);
c.ele.appendChild(window.document.createTextNode(ip.country));
b = new Subject(100);
b.ele.className = colclass + " " + ip.ele.id;
window.document.body.insertBefore(b.ele,window.document.body.childNodes[0]);
b.ele.appendChild(window.document.createTextNode(ip.region));
a = new Subject(100);
a.ele.className = colclass + " " + ip.ele.id;
window.document.body.insertBefore(a.ele,window.document.body.childNodes[0]);
a.ele.appendChild(window.document.createTextNode(ip.city));
ip.ele.className = colclass + " " + ip.ele.id;
window.document.body.insertBefore(ip.ele,window.document.body.childNodes[0]);
ip.ele.appendChild(window.document.createTextNode(ip.ipaddr));
this.observers.unshift(ip);
var me=this;
ip.b=setInterval( function () { me.Notify(ip.ele.id); },this.tstart);
},
Down : function(ip,ipaddr,country,region,city,latitude,longitude,zipcode,timezone,z) {
var me=this;
ip.ipaddr = ipaddr || 0;
ip.country = country || 0;
ip.region = region || 0;
ip.city = city || 0;
ip.latitude = latitude || 0;
ip.longitude = longitude || 0;
ip.zipcode = zipcode || 0;
ip.timezone = timezone || 0;
ip.navigation = 0;
ip.type = "ip";
ip.visibility = "show";
ip.iplong = me.ip2long(ipaddr);
ip.z = z;
colclass = (z % 2) ? "column1" : "column2";
ip.ele.className = colclass + " " + ip.ele.id;
window.document.body.appendChild(ip.ele);
ip.ele.appendChild(window.document.createTextNode(ip.ipaddr));
a = new Subject(100);
a.ele.className = colclass + " " + ip.ele.id;
window.document.body.appendChild(a.ele);
a.ele.appendChild(window.document.createTextNode(ip.city));
b = new Subject(100);
b.ele.className = colclass + " " + ip.ele.id;
window.document.body.appendChild(b.ele);
b.ele.appendChild(window.document.createTextNode(ip.region));
c = new Subject(100);
c.ele.className = colclass + " " + ip.ele.id;
window.document.body.appendChild(c.ele);
c.ele.appendChild(window.document.createTextNode(ip.country));
d = new Subject(100);
d.ele.className = colclass + " " + ip.ele.id;
window.document.body.appendChild(d.ele);
d.ele.appendChild(window.document.createTextNode(ip.latitude));
e = new Subject(100);
e.ele.className = colclass + " " + ip.ele.id;
window.document.body.appendChild(e.ele);
e.ele.appendChild(window.document.createTextNode(ip.longitude));
f = new Subject(100);
f.ele.className = colclass + " " + ip.ele.id;
window.document.body.appendChild(f.ele);
f.ele.appendChild(window.document.createTextNode(ip.timezone));
g = new Subject(100);
g.ele.className = colclass + " " + ip.ele.id;
window.document.body.appendChild(g.ele);
g.ele.appendChild(window.document.createTextNode(ip.zipcode));
h = new Subject(100);
h.ele.className = "linebreak " + ip.ele.id;
window.document.body.appendChild(h.ele);
window.document.getElementById(h.ele.id).style.width=0;
window.document.getElementById(h.ele.id).style.height=0;
window.document.getElementById(h.ele.id).style.clear="both";
window.document.getElementById(h.ele.id).style.float="none";
this.observers.add(ip);
var me=this;
ip.b=setInterval( function () { me.Notify(ip.ele.id); },this.tstart);
},
AddCountry : function (country, acronym, name) {
country.acronym = acronym || "test";
country.name = name || "test";
country.navigation = 0;
country.type = "country";
this.observers.add(country);
},
Removeip : function(observer) {
this.observers.removeAt( this.observers.indexOf( observer, 0 ) );
return this.observers.count();
},
//http://stackoverflow.com/questions/3387427/remove-element-by-id
RemoveId : function (id) {
return (elem=document.getElementById(id)).parentNode.removeChild(elem);
},
//http://stackoverflow.com/questions/4777077/removing-elements-by-class-name
//http://stackoverflow.com/questions/10842471/remove-all-elements-of-a-certain-class-with-javascript
RemoveClass : function (elem) {
while(elem.length > 0){
elem[0].parentNode.removeChild(elem[0]);
}
return true;
},
AddNav : function (){
var elem = document.getElementsByClassName('nav');
this.RemoveClass(elem);
var observerCount = this.observers.count();
//var r = Math.floor((Math.random() * this.seed) + 1);
var r = 666;
var a = document.createElement("div");
a.id = r;
a.className = "nav";
var t = this.navbar.replace(/#/g, r);
this.cc.sort();
//http://stackoverflow.com/questions/17001961/javascript-add-select-programmatically
var options_str = '<option value="All">All</option>';
this.cc.forEach( function(cc) {
if (cc==this.ccvalue) {
options_str += '<option selected="selected" value="' + cc + '">' + cc + '</option>';
} else {
options_str += '<option value="' + cc + '">' + cc + '</option>';
}
},this);
sel ="<select class='sel' onChange=\"l.SelectCC('Select"+r+"');\" id=\"Select"+r+"\" name=\"cc"+r+"\">"+ options_str + "</select>";
a.innerHTML = t.replace(/%/g, sel);
document.body.insertBefore(a,document.body.childNodes[0]);
document.getElementById("step"+this.step+r).innerHTML = "[ "+this.stepmenu[this.step][0]+" ]";
if (this.observers.sort!="") {
var t=document.getElementById(this.observers.sort+r).innerHTML;
document.getElementById(this.observers.sort+r).innerHTML = "[ "+t+" ]";
}
if (this.observerList.length>1) {
this.observers.get(0).navigation=1;
}
/*
for(var i=0; i < observerCount; i++){
if (i % this.n == 0 && i != 0 && this.observers.get(i).type=="ip" && this.observers.get(i).visibility=="show") {
e = document.getElementById(this.observers.get(i).ele.id).previousElementSibling;
if (e.className.indexOf("linebreak")!=-1 && e != undefined) {
this.observers.get(i).navigation=1;
r=Math.floor((Math.random() * this.seed) + 1);
var a = document.createElement("div");
a.id = r;
a.className = "nav";
var t = this.navbar.replace(/#/g, r);
sel = "<select class='sel' onChange=\"l.SelectCC('Select"+r+"');\" id=\"Select"+r+"\" name=\"cc"+r+"\">"+ options_str + "</select>";
a.innerHTML = t.replace(/%/g, sel);
e.outerHTML+=a.outerHTML;
document.getElementById("step"+this.step+r).innerHTML = "[ "+this.stepmenu[this.step][0]+" ]";
if (this.observers.sort!="") {
var t=document.getElementById(this.observers.sort+r).innerHTML;
document.getElementById(this.observers.sort+r).innerHTML = "[ "+t+" ]";
}
}
}
}
*/
},
Notify : function(id){
observerZ=this.observers.count();
for(var i=0; i < observerZ; i++){
a=this.observers.get(i);
if (a.ele.id==id) {
a.update(this,id);
break;
}
}
if (a.ele.id==id && i==0 && a.navigation==0 && this.direction=="up") {
a.navigation=1;
this.AddNav();
} else if (a.ele.id==id && i==observerZ-1 && a.navigation==0 && this.direction=="down") {
a.navigation=1;
//this.AddNav();
}
}
}
|
Download
