Thread: Vote Popup

Results 1 to 2 of 2
  1. #1 Vote Popup 
    Extreme Donator

    woof woof bish's Avatar
    Join Date
    May 2011
    Age
    26
    Posts
    2,444
    Thanks given
    2,212
    Thanks received
    1,019
    Rep Power
    5000
    This is really easy.

    Code:
    <!-- Vote Popup -->
    <div id="bgbtm">
    <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;
    	}
     
    	dsrvote = readCookie('dsrvote');
     
    	if (dsrvote == null) {
    fade('vote_popup');
    document.getElementById('vote_popup').style.display = "block";
    	}
     
    }
     
    function hide_vote_popup() {
    	createCookie('dsrvote','yes','1440');
    fade('vote_popup');
    	document.getElementById('vote_popup').style.display = "none";
    	document.getElementById('vote_popup').innerHTML = "";
    };
    var  TimeToFade = 1000.0;
     
    function fade(eid)
    {
      var element = document.getElementById(eid);
      if(element == null)
        return;
       
      if(element.FadeState == null)
      {
        if(element.style.opacity == null
            || element.style.opacity == ''
            || element.style.opacity == '1')
        {
          element.FadeState = 2;
        }
        else
        {
          element.FadeState = -2;
        }
      }
       
      if(element.FadeState == 1 || element.FadeState == -1)
      {
        element.FadeState = element.FadeState == 1 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
      }
      else
      {
        element.FadeState = element.FadeState == 2 ? -1 : 1;
        element.FadeTimeLeft = TimeToFade;
        setTimeout("animateFade(" + new Date().getTime() + ",'" + eid + "')", 33);
      }  
    }
    function  animateFade(lastTick, eid)
    {  
      var curTick = new Date().getTime();
      var elapsedTicks = curTick - lastTick;
     
      var element = document.getElementById(eid);
     
      if(element.FadeTimeLeft <= elapsedTicks)
      {
        element.style.opacity = element.FadeState == 1 ? '1' : '0';
        element.style.filter = 'alpha(opacity = '
            + (element.FadeState == 1 ? '100' : '0') + ')';
        element.FadeState = element.FadeState == 1 ? 2 : -2;
        return;
      }
     
      element.FadeTimeLeft -= elapsedTicks;
      var newOpVal = element.FadeTimeLeft/TimeToFade;
      if(element.FadeState == 1)
        newOpVal = 1 - newOpVal;
     
      element.style.opacity = newOpVal;
      element.style.filter = 'alpha(opacity = ' + (newOpVal*100) + ')';
     
      setTimeout("animateFade(" + curTick + ",'" + eid + "')", 33);
    }
    // --></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; opacity:0.0; filter:alpha(opacity=0);">
    <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 for Your Name Here!</strong> </span> 
    <br> 
     
    <br> 
    <span style="color: red; font-size: small;"></span> <center>
    <p><h1><a style="color:red" onclick="createCookie('dsrvote','yes','1440'); fade('vote_popup');" href="http://www.YourVoteLink.com"><img src="http://i54.tinypic.com/hv1nie.png" border="0"></a></h1><br /> <span onclick="hide_vote_popup();"> <span style="cursor: pointer; font-family: Tahoma; font-size: x-small;"> <span style="font-size: xxsmall;">Click here if you dont wish to vote.</span> </span> </span></p>
    <p><span> <span style="cursor: pointer; font-family: Tahoma; font-size: x-small;"> <span style="font-size: xxsmall;"> <a href="javascript:bookmark('YourServerName'http://www.YourVotelink.com')">Bookmark Your Name Here</a>
    </span> </span> </span></p>
     

  2. #2  
    Registered Member
    Tamatea's Avatar
    Join Date
    Aug 2010
    Posts
    1,317
    Thanks given
    401
    Thanks received
    357
    Rep Power
    2457
    ROfl copyied from a site.
    Spoiler for sig too large:


    Attached image
    Attached image
     

  3. Thankful user:



Thread Information
Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)


User Tag List

Similar Threads

  1. Replies: 27
    Last Post: 07-27-2023, 10:49 PM
  2. Vote popup
    By OldskoolGaming in forum Application Development
    Replies: 1
    Last Post: 05-11-2011, 02:21 PM
  3. I need a vote popup.
    By Bruno in forum Website Development
    Replies: 3
    Last Post: 07-26-2010, 09:24 AM
Posting Permissions
  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •