PDA

View Full Version : Centering my javascript pop-up window.



L2Program
03-05-2010, 04:23 PM
<script type="text/javascript"><!--
function getInternetExplorerVersion()

{
var rv = -1;
if (navigator.appName == 'Microsoft Internet Explorer')
{
var ua = navigator.userAgent;
var re = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
if (re.exec(ua) != null)
rv = parseFloat( RegExp.$1 );
}
return rv;
}

function readCookie(name) {
var nameEQ = name + "=";
var ca = document.cookie.split(';');
for(var i=0;i < ca.length;i++) {
var c = ca[i];
while (c.charAt(0)==' ') c = c.substring(1,c.length);
if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);
}
return null;
}

function createCookie(name,value,min) {
if (min) {
var date = new Date();
date.setTime(date.getTime()+(min*60*1000));
var expires = "; expires="+date.toGMTString();
}
else var expires = "";
document.cookie = name+"="+value+expires+"; path=/";
}


window.onload = function vote_popup() {

var ver = getInternetExplorerVersion();
if(navigator.appName == 'Microsoft Internet Explorer' && ver < 7.0)
{
return;
}

sgvote6 = readCookie('sgvote6');

if (sgvote6 == null) {
document.getElementById('vote_popup').style.displa y = "block";
}

}

function hide_voted_popup() {
createCookie('sgvote6','yes','1440');
document.getElementById('vote_popup').style.displa y = "none";
document.getElementById('vote_popup').innerHTML = "";
alert("Thank you for Voting, you will be directed to the vote page now.");
};

// --></script>

<div id="vote_popup" style="background: transparent url(http://img197.imageshack.us/img197/4172/transa.png) repeat scroll 0% 0%; width: 100%; height: 100%; position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; color: #f0f0f0; font-size: 9px; text-align: center; z-index: 99999; display: none;">
<div style="margin-top: 300px; width: 470px; margin-left: auto; margin-right: auto; display: block; background-color: "><span style="color: white; font-size: medium;"> </span> <span style="color: white; font-size: large;"><strong>Vote Now!</strong> </span>

<br>
<br>

<span style="color: red; font-size: small;"></span>

<p><a onclick="hide_voted_popup();" href="votepageinhere" target="_new"> <img style="border-color:" title="Click to vote." src="http://www2.picturepush.com/photo/a/3041090/img/3041090.png" border="0" alt="" /> </a><br /> <br /><span onclick="hide_vote_popup();"> <span style="cursor: pointer; font-family: Tahoma; font-size: x-small;">

</div>
</div>

It is centered horizontally just not vertically, how can i center the vote button vertically?

Diddy Kong
03-06-2010, 04:10 AM
It is centered vertically. :cartman:

L2Program
03-06-2010, 01:41 PM
It is centered vertically. :cartman:

Maybe its browser related? i'll get a screenshot :p