How to add a vote popup to your emu website!

[Kael'Thas]

We've all seen those fancy servers with their vote popups on their websites, now you can have your own!

pick one of the following scripts to edit

<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("dnwtop_100_showimage") : document.all.dnwtop_100_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(){
if (ie4||ns6)
    crossobj.style.visibility="hidden"
else if (ns4)
    document.dnwtop_100_showimage.visibility="hide"
}

document.write('');

document.write('<div id="dnwtop_100_showimage" style="z-index: 300; position:absolute;width:380px;left:1;top:1"><table border="1" bordercolor="659044" width="380" bgcolor="000000" cellspacing="0" cellpadding="0"><tr><td width="100%"><table border="0" width="100%" cellspacing="0" cellpadding="0" height="36"><tr><td width="100%" background="EDIT ME (background of top section)" id="dragbar" title="you may drag me" height="25"><ilayer width="100%" onSelectStart="return false"><layer width="100%" onMouseover="dragswitch=1;if (ns4) drag_dropns(dnwtop_100_showimage)" onMouseout="dragswitch=0"><span style="font-weight: bold; font-family: Verdana; font-size: 12px; color: 659044;  padding: 6px; padding-bottom: 4px;">CHANGE ME (etc:  vote for my emu server!</span></layer></ilayer></td></tr><tr><td width="100%" bgcolor="e6cea0" style="padding:10px; border: solid 000000 2px; border-top:0px; font-family:Verdana; font-size:12px; color:000000;"><IGNORE!><i><BR><center><b><img src="CHANGE ME (background pic)"><br><br><font color="black">CHANGE ME (whatever you want it to say 2 lines before vote, i usually just put the server name)<br>Please Vote Every 12 Hours!</font> <font color="black"></font><font color="black"></b></i><br><br><div align="center"><a href="CHANGE ME (link to the vote site)" target="_blank" onClick="hidebox()"><img src="http://i215.photobucket.com/albums/cc292/L003Rad/agree.gif?t=1198037299" border="0"></a>&nbsp;&nbsp;&nbsp;&nbsp;<a href="#" onClick="hidebox();return false"><img src="http://i215.photobucket.com/albums/cc292/L003Rad/decline.gif?t=1198037356" border="0"></a>&nbsp;&nbsp;&nbsp;</div><!-- END YOUR CONTENT HERE-----></td></tr></table></td></tr></table></div></center>');

</SCRIPT>

or

<!-- Begin Voting Window Code -->
<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">

   &nbsp;CHANGE ME (just do "Vote for" then ur server name
   </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="CHANGE ME (background)" border="0" alt="Vote!">
   <br />
   <font size="5">VOTE !!!!</font>
   <br />
   CHANGE ME (to something like: support us by voting or whatever you want)
   <br />
   <br />

   Would you like to vote for us?
   <br />
   <a href="CHANGE ME (to your voting link)" target="_blank" onClick="hidebox(true)"><img src="http://i184.photobucket.com/albums/x285/Kandyman3/yes.png Change if you want, its just the agree button, if u keep delete my red text" border="0"></a>
   &nbsp;
   <a href="#" onClick="hidebox();return false"><img src="http://i184.photobucket.com/albums/x285/Kandyman3/no.png Change if you want, its just the disagree button, if u keep delete my red text" border="0"></a>
  </td>
 </tr>
</table>
</div>
<!-- End Voting Window Code -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

the things you need to change are in red and say change me, delete red text when posting the new info, also 2 dont work on one page together, i posted one on my forum and one on my frontpage so i could have 2 differnt vote sites, also second one has a vote timer for every 12 hours

now when you have those configured, past it into ur news.php or index.php (or whatever your home page is at ur site) make sure you post it at the very bottom of the php file so you can find it later

this site uses both and is a good example of it: Ancient WoW
(you have to go to the forum to see the second popup tho)

[Hazshadow]

I WILL KILL YOU!!! :@:@ I hate those things lol :P I won't kill you really <3 but seriously, they are ****ing annoying.

[Mahado]

Thx for sharing.

[Kael'Thas]

lol, if u have ur own server, these things are your best friends

[Pragma]

Plus 2 rep. I was lookin for this, the one I've used had an actual pop-up come up so it was usually blocked by pop-up blockers

[Summer]

rly nice +rep
but why cant i close it ?

[Kael'Thas]

hmm, im not sure y u cant close it, if u use more than one of these one one page, one usually gets frozen, and uncloseable, if u have 2 on one page of ur website, get rid of one and maby move the other to the forum.php or whatever the page is called for you

[Kael'Thas]

i'll try to find more scripts tomorrow

[Hazshadow]

lol, if u have ur own server, these things are your best friends

I do have my own server, I just don't run it publicly because of the paying for a host. I just go on it when I wanna piss about with a few of my mates. Sorry for the life story =P

[Fronix]

Finaly this came out i already got it but its about time +rep

[Equ1N0X]

I do have my own server, I just don't run it publicly because of the paying for a host. I just go on it when I wanna piss about with a few of my mates. Sorry for the life story =P

Your PC cant handle a server? why pay for a host?

[phantomphreak241]

nice nice very helpfully but they are annoying as hell lol

[mafiaboy]

thnx man! + 2 rep

[shadeypwns]

very helpful, thank you so much

[Kael'Thas]

thx for rep everybody, i appreciate it.