...

View Full Version : IE div popup not displaying correctly



Awesomolocity
09-17-2011, 12:07 AM
http://awesomolocity.info/beta/analyzer.php?id=4319363

So, the issue I'm having is that when you click "Options", on IE, instead of doing a popup div over the content, it just shoves the "options" below the rest of the page. I'm unsure why it would do that.

But here's the code:

function createDivPopup(content,close,css,bgImage,imp){
if(!content){content='';}
if(!css){css='';}
if(!bgImage){bgImage='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9kJCwEbAIsAo5oAAAAZdEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIEdJ TVBXgQ4XAAAADUlEQVQI12NgYGCoBwAAhACAxkwJbwAAAABJRU5ErkJggg==';}
if(!imp){imp=''}
var pageHeight=window.innerHeight;
var pageWidth=window.innerWidth;
var div=document.createElement('div');
if(!close){
var close = '';
}
else{
var close = close;
}
var adsdiv = document.createElement('div');
adsdiv.id='adsdiv';
adsdiv.setAttribute('style','z-index:9002;position:absolute;top:0;left:0; background-color: #000000;"');
ads = ['10,000,000|~|http://www.gaiaonline.com/forum/t.36828231/|~|http://i4.photobucket.com/albums/y124/leeontime/awesome10000000.png', 'Increase Scores & Reduce Lag Guide|~|http://www.gaiaonline.com/forum/t.70297743/|~|', 'Fish Drops in BG|~|http://www.gaiaonline.com/t.70837891/|~|', 'Fish Stats|~|http://www.gaiaonline.com/forum/t.71307913/|~|'];
var ad = ads[Math.floor(Math.random()*ads.length)];
if(ad.split('|~|')[2]==''){
var adcontent = '<!--Haha Homo--><img style="cursor:pointer;" src="http://awesomolocity.info/createImage.php?Tcolor=black&BGround=white&text='+escape(ad.split('|~|')[0])+'" onclick="window.open(\''+ad.split('|~|')[1]+'\', \'_blank\')" /><br />Advertisement section.<br />Will add a way to get here, later.';
}
else{
var adcontent = '<!--Haha Homo--><img style="cursor:pointer;" src="'+ad.split('|~|')[2]+'" onclick="window.open(\''+ad.split('|~|')[1]+'\', \'_blank\')" /><br />Advertisement section.<br />Will add a way to get here, later.';
}
adsdiv.innerHTML = adcontent;
div.id='GM_divPopup';
//div.setAttribute('style','z-index:9001/* its over nine thousand*/'+imp+';width:100%'+imp+';height:100%'+imp+';position:fixed'+imp+';top:0px'+imp+';left:0px'+imp+';ba ckground-repeat:repeat'+imp+';background-image:url('+bgImage+')'+imp+'');
div.setAttribute('style','z-index:9001/* its over nine thousand*/'+imp+';width:100%'+imp+';height:100%'+imp+';position:fixed'+imp+';top:0px'+imp+';left:0px'+imp+';ba ckground-color:#000000;opacity: .9;');
div.innerHTML='<style type="text/css">'+css+'</style>'+
close+
'<div style="margin-left:58px'+imp+';margin-top:41px'+imp+';height:'+(pageHeight-82)+'px'+imp+';width:'+(pageWidth-116)+'px'+imp+';">'+
'<div>'+
'<table id="GM_divPopupContentHolder" style="margin-left:auto'+imp+';margin-right:auto'+imp+';"><tr><td class="derpy nob">'+content+'</td></tr></table>'+
'</div>'+
'</div>';
document.body.appendChild(div);
document.body.appendChild(adsdiv);
var contentHolder=document.getElementById('GM_divPopupContentHolder');
var topMargin=pageHeight/2-contentHolder.offsetHeight/2;
if (topMargin<0){topMargin=0;}
contentHolder.parentNode.setAttribute('style','max-height:'+(pageHeight-82)+'px'+imp+';max-width:'+(pageWidth-116)+'px'+imp+';width:'+(contentHolder.offsetWidth+20)+'px'+imp+';height:'+(contentHolder.offsetHeig ht+20)+'px'+imp+';margin-top:'+topMargin+'px'+imp+';margin-left:auto'+imp+';margin-right:auto'+imp+';overflow:auto'+imp+';');
}
function options(){
var options = 'options'.getCookie();
if(options != null && options != ''){
createDivPopup('<span style="opacity: 1 !important;color: #ffffff;"><strong>Options coming *very* soon. xP</strong></span>','<a id="GM_closeDivPopup" style="border: 5px solid white; padding: 5px;-moz-border-radius: 10px;text-decoration: none; color: white;opacity: 1 !important; position: absolute; top: 5px; right: 5px;z-index:9002;background-color:black;" onclick="var node = document.getElementById(\'adsdiv\');node.parentNode.removeChild(node);this.parentNode.parentNode.rem oveChild(this.parentNode);return false;">Close</a>');
}
else{
createDivPopup('<span style="color: #ffffff;"><strong>Coming Soon. xP</strong></span>','<a id="GM_closeDivPopup" style="border: 5px solid white; padding: 5px;-moz-border-radius: 10px;text-decoration: none; color: white; position: absolute; top: 5px; right: 5px;z-index:9002;opacity: 1 !important;background-color:black;" onclick="var node = document.getElementById(\'adsdiv\');node.parentNode.removeChild(node);this.parentNode.parentNode.rem oveChild(this.parentNode);return false;">Close</a>');
var string = 'options';
string.setCookie('false,false,false,false,false,false,false,false,false');
}
}

Assistance would be highly appreciated. ^_^



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum