How to make a pop up vote box disapear after 12 hours

**mastermania** · 06-26-2008

In this guide ill show you how to make a vote pop up box disapeer for 12 hours after someone clicks yes. I dont know if this is a repost well here it is.

In the following link youll see a pop up used by a awesome server called Insomnia-Wow located at insomnia-wow.org

Script:

<script language="JavaScript1.2">

var ns4 = document.layers;
var ie4 = document.all;
var ns6 = document.getElementById && !document.all;

//drag drop function for NS 4////
/////////////////////////////////

var dragswitch = 0;
var nsx;
var nsy;
var nstemp;

function drag_dropns( name )
{
if( !ns4 )
return;
temp = eval( name );
temp.captureEvents( Event.MOUSEDOWN | Event.MOUSEUP );
temp.onmousedown = gons;
temp.onmousemove = dragns;
temp.onmouseup = stopns;
}

function gons( e )
{
temp.captureEvents( Event.MOUSEMOVE );
nsx = e.x;
nsy = e.y;
}

function dragns( e )
{
if( dragswitch == 1 )
{
temp.moveBy( e.x-nsx, e.y-nsy );
return false;
}
}

function stopns()
{
temp.releaseEvents( Event.MOUSEMOVE );
}

//drag drop function for ie4+ and NS6////
/////////////////////////////////

function drag_drop( e )
{
if( ie4 && dragapproved )
{
crossobj.style.left = tempx + event.clientX - offsetx;
crossobj.style.top = tempy + event.clientY - offsety;
return false;
}
else if( ns6 && dragapproved )
{
crossobj.style.left = tempx + e.clientX - offsetx;
crossobj.style.top = tempy + e.clientY - offsety;
return false;
}
}

function initializedrag( e )
{
crossobj = ( ( ns6 ) ? document.getElementById( "showimage" ) : document.all.showimage );

var firedobj = ( ( ns6 ) ? e.target : event.srcElement );
var topelement = ( ( ns6 ) ? "HTML" : "BODY" );

while( ( firedobj.tagName != topelement ) && ( firedobj.id != "dragbar" ) )
{
firedobj=ns6? firedobj.parentNode : firedobj.parentElement;
}

if( firedobj.id == "dragbar" )
{
offsetx = ( ( ie4 ) ? event.clientX : e.clientX );
offsety = ( ( ie4 ) ? event.clientY : e.clientY );

tempx = parseInt( crossobj.style.left );
tempy = parseInt( crossobj.style.top );

dragapproved = true;
document.onmousemove = drag_drop;
}
}

document.onmousedown = initializedrag
document.onmouseup = new Function( "dragapproved=false" );

////drag drop functions end here//////

function hidebox( submit )
{
if( ie4 || ns6 )
crossobj.style.visibility = "hidden";
else if( ns4 )
document.showimage.visibility = "hide";

if( submit == true )
{
var expire = new Date();
expire.setTime( expire.getTime() + 43200000 ); // 43200000 ms = 12 hours
document.cookie = "BWoW_VoteTimer=1;expires="+expire.toLocaleString()+";path=/";
}
}
if( document.cookie.indexOf( "BWoW_VoteTimer=1" ) != -1 )
{
document.write( "<style type="text/css">#showimage{display:none;}</style>" );
}

</script>

<style type="text/css">

#showimage
{
position:absolute;
width:300px;
background-color:#0000FF;
padding:2px;
}

#showimage #dragbar
{
font-family:Trebuchet MS;
color:#FFFFFF;
font-size:10pt;
text-align:left;
font-weight:bold;
width:280px;
}

#showimage #closebutton
{
font-family:Tahoma;
font-weight:bold;
height:12px;
width:12px;
background-color:#CCCCCC;
font-size:8pt;
border:2px solid;
border-top-color:#EEE;
border-right-color:#AAA;
border-bottom-color:#AAA;
border-left-color:#EEE;
padding:0 3px 0 4px;
color:#000;
text-decoration:none;
}

#showimage #message
{
font-family:Trebuchet MS;
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
padding:4px;
background-color:#000000;
}

</style>

<div id="showimage" style="left:500px;top:100px;">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td id="dragbar" style="cursor:hand" title="Drag to Move">
<ilayer width="100%" onSelectStart="return false">
<layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(showimage)" onMouseout="dragswitch=0">

 Vote for Insomnia-Wow
</layer>
</ilayer>
</td>
<td style="padding-right:1px;width:20px;" align="right">
<a id="closebutton" href="#" onClick="hidebox();return false">X</a>
</td>
</tr>
<tr>

<td id="message" width="100%" colspan="2" align="center">
<img src="http://i283.photobucket.com/albums/kk301/ProphetsofDeath/logo-1-3.jpg" border="0" alt="Vote!">
<br />
<font size="5">Vote for Insomnia-Wow every 12 hours.</font>
<br />
<br />
Would you like to vote for us to get to #1?!?
<br />
<a href="http://www.xtremetop100.com/in.php?site=1132246093" target="_blank" onClick="hidebox(true)"><img src="http://i184.photobucket.com/albums/x285/Kandyman3/yes.png" border="0"></a>
 
<a href="#" onClick="hidebox(false);return false"><img src="http://i184.photobucket.com/albums/x285/Kandyman3/no.png" border="0"></a>
</td>
</tr>
</table>
</div>

At the bottom youll see

<a href="http://www.xtremetop100.com/in.php?site=1132246093" target="_blank" onClick="hidebox(true)"><img src="http://i184.photobucket.com/albums/x285/Kandyman3/yes.png" border="0"></a>
 
<a href="#" onClick="hidebox(false);return false"><img src="http://i184.photobucket.com/albums/x285/Kandyman3/no.png" border="0"></a>

The red items where it says hidebox() is where you want to look to make the pop up not disapeer when they click I disagree you need to set it as false so it doesnt if you set it as true it will. The green link is for the accept button the hidebox(true) as you can see is at true so if they click yes the link will disapeer for 12 hours.

Sorry its not very detailed its just a great way not to piss of people this can be used with any pop up box to my knoweledge just find which imgsrc is the accept and make it true and the disagree and make it false if you want them both to never disapeer set both hideboxes as false.

Don't forget to +Rep helpfull guides

If you need any assistance feel free to write it below thanks.