var POPUP = new Object(); //namespace to prevent conflicts
window.onload = function () {
POPUP.setup();
}
POPUP.addEvent = function (elm, evType, fn, useCapture) {
// used to add event listeners
if (elm.addEventListener) {
elm.addEventListener(evType, fn, useCapture);
return true;
} else if (elm.attachEvent) {
var r = elm.attachEvent('on' + evType, fn);
return r;
} else {
elm['on' + evType] = fn;
}
}
POPUP.setup = function () {
// function run on load. Preloads and then hides definitions
document.getElementById('hider').innerHTML += ""
var links = document.getElementsByTagName('input');
for (var i = 0; i < links.length; i++) {
if (links[i].className=='offer') {
this.addEvent(links[i], 'click', this.toggleCatcher, false);
}
if ((links[i].src=="http://www.dikenga.com/popup/images/yes.gif") | (links[i].src=="http://www.dikenga.com/popup/images/no.gif")){
this.addEvent(links[i], 'click', this.closeDiv, false);
}
}
var divs = document.getElementsByTagName('div');
for (var i = 0; i < divs.length; i++) {
if (divs[i].className=='popup') {
this.toggle(divs[i]);
divs[i].style.position='absolute';
divs[i].style.zIndex='3';
}
}
}
POPUP.toggle = function (def, term) {
//toggles the definition div
if (def.style.display!='none')
def.style.display='none';
else {
def.style.display='block';
var coors = POPUP.findPos(term);
coors[1] += 25;
var width;
if (self.innerWidth) // all except Explorer
{
width = self.innerWidth;
}
else if (document.documentElement && document.documentElement.clientWidth)
// Explorer 6 Strict Mode
{
width = document.documentElement.clientWidth;
}
else if (document.body) // other Explorers
{
width = document.body.clientWidth;
}
if ((width - coors[0]) <= 450)
coors[0] -= 450 - (width - coors[0]) + 25;
coors[1] -= 100;
def.style.top = coors[1] + 'px';
def.style.left = coors[0] + 'px';
}
}
POPUP.toggleCatcher = function (e) {
// Used to pass appropriate paramaters from event listeners to the toggle function
var targ = POPUP.getTarget(e);
def = document.getElementById(targ.parentNode.item_number.value);
POPUP.toggle(def, targ);
if (!e) var e = window.event;
e.cancelBubble = true;
if (e.stopPropagation) e.stopPropagation();
if (e && e.preventDefault)
e.preventDefault();
return false;
}
POPUP.getTarget = function (e){
// gets the target of an event
var target = window.event ? window.event.srcElement : e ? e.target : null;
if (!target){return false;}
while(target.nodeType!=1 && target.nodeName.toLowerCase()!='body'){
target=target.parentNode;
}
return target;
}
POPUP.findPos = function (obj) {
// finds the current position of an object
var curleft = curtop = 0;
if (obj.offsetParent) {
curleft = obj.offsetLeft
curtop = obj.offsetTop
while (obj = obj.offsetParent) {
curleft += obj.offsetLeft
curtop += obj.offsetTop
}
}
return [curleft,curtop];
}
POPUP.closeDiv = function (e){
var targ = POPUP.getTarget(e);
targ.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.parentNode.className = 'hide';
}
WAMEGO PART TWO: