Advertisement
defango

Social Popup .js

Aug 19th, 2018
527
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. var settings = {
  2.  
  3.   // Simply change the name in quotes with your name
  4.   social: {
  5.    
  6.     // Twitch Name
  7.     twitchUsername: "D3fango",
  8.    
  9.     // Twitter Name
  10.     twitterUsername: "defangolives",
  11.    
  12.     // Facebook Name
  13.     facebookUsername: "defango",
  14.    
  15.     // Instagram Name
  16.     instagramUsername: "defango",
  17.    
  18.     // Youtube Name
  19.     youtubeUsername: "defango",
  20.    
  21.     // Tumblr Name
  22.     tumblrUsername: "defango",
  23.    
  24.     // Paypal Name
  25.     paypalUsername: "defango",
  26.    
  27.     // Patreon Name
  28.     patreonUsername: "defango",
  29.    
  30.     // Snapchat Name
  31.     snapchatUsername: "defango",
  32.    
  33.      // Steam Name
  34.     steamUsername: "defango",
  35.    
  36.      // Xbox Name
  37.     xboxUsername: "ChangeThis",
  38.    
  39.      // Playstation Network Name
  40.     psnUsername: "ChangeThis",
  41.    
  42.     // Origin Network Name
  43.     originUsername: "ChangeThis",
  44.    
  45.     // Uplay Network Name
  46.     uplayUsername: "ChangeThis",
  47.    
  48.     // Nintendo Network Name
  49.     nintendoUsername: "ChangeThis",
  50.    
  51.     // Battle Net Network Name
  52.     battlenetUsername: "defango",
  53.    
  54.     // Deviant Art Network Name
  55.     deviantartUsername: "ChangeThis",
  56.    
  57.     // Reddit Network Name
  58.     redditUsername: "defango",
  59.    
  60.     // Game Wisp Network Name
  61.     gamewispUsername: "ChangeThis",
  62.    
  63.     // Plays.tv Network Name
  64.     playstvUsername: "ChangeThis"
  65.    
  66.   },
  67.  
  68.   // Gaming Popup Options
  69.   popup: {
  70.    
  71.     // This is where you enable or disable networks
  72.     // 1 means enabled, 0 means disabled
  73.    
  74.     // Enable Twitter
  75.     enableTwitter: 1,
  76.    
  77.     // Enable Facebook
  78.     enableFacebook: 1,
  79.    
  80.     // Enable Instagram
  81.     enableInstagram: 1,
  82.    
  83.     // Enable YouTube
  84.     enableYoutube: 1,
  85.    
  86.     // Enable Tumblr
  87.     enableTumblr: 0,
  88.    
  89.     // Enable Twitch
  90.     enableTwitch: 1,
  91.    
  92.     // Enable PayPal
  93.     enablePaypal: 1,
  94.    
  95.      // Enable Patreon
  96.     enablePatreon: 1,
  97.    
  98.     // Enable Snapchat
  99.     enableSnapchat: 0,
  100.    
  101.     // Enable Steam
  102.     enableSteam: 1,
  103.    
  104.     // Enable Xbox
  105.     enableXbox: 0,
  106.    
  107.     // Enable Playstation Network
  108.     enablePsn: 0,
  109.    
  110.      // Enable Origin Network
  111.     enableOrigin: 0,
  112.    
  113.     // Enable Uplay Network
  114.     enableUplay: 0,
  115.    
  116.     // Enable Nintendo Network
  117.     enableNintendo: 0,
  118.    
  119.     // Enable Battle Net Network
  120.     enableBattleNet: 1,
  121.    
  122.     // Enable Deviant Art Network
  123.     enableDeviantArt: 0,
  124.    
  125.     // Enable Reddit Network
  126.     enableReddit: 1,
  127.    
  128.     // Enable Game Wisp Network
  129.     enableGameWisp: 0,
  130.    
  131.     // Enable Plays TV Network
  132.     enablePlaysTv: 0,
  133.    
  134.    
  135.     //
  136.     // Times to update
  137.     //
  138.    
  139.     // Time each network animation takes in seconds
  140.     aTime: 4,
  141.    
  142.     // The delay for the animation cycle to restart in seconds
  143.     pauseTime: 222
  144.   }
  145. };
  146.  
  147. // You're all done
  148. //
  149. //
  150. //
  151. //
  152. //
  153. //
  154. //
  155. //
  156. // No need to go any further!
  157.  
  158. // Load Social Network Names
  159. $( ".popup .right span" ).each(function() {
  160.     var socialName = settings.social[$(this).data('name')];
  161.     $(this).append( socialName );
  162. });
  163.  
  164. // Load Social Popup
  165. $(".popup").each(function() {
  166.   var supporterEnable = settings.popup[$(this).data('box')],
  167.     boxName = $(this).data('box');
  168.  
  169.   if (supporterEnable == 1) {
  170.     $('input[name=' + boxName + ']').prop('checked', true);
  171.     $(this).addClass("animate-popup");
  172.   } else if (supporterEnable === 0) {
  173.     $('input[name=' + boxName + ']').prop('checked', false);
  174.     $(this).addClass("no-popup");
  175.   } else {
  176.     return false;
  177.   }
  178. });
  179.  
  180. // Animate Popup
  181.  
  182. var popups = $('.animate-popup');
  183. var i = 0;
  184. var pT = settings.popup.pauseTime * 1000;
  185.  
  186. function animatePopup() {
  187.   if (i >= popups.length) {
  188.     i = 0;
  189.   }
  190.   popups.eq(i).addClass("show-popup")
  191.     .delay(settings.popup.aTime * 1000)
  192.     .queue(function() {
  193.       $(this).removeClass("show-popup");
  194.       $(this).dequeue();
  195.       if (i == popups.length) {
  196.         setTimeout(animatePopup, pT);
  197.       } else {
  198.         animatePopup();
  199.       }
  200.     });
  201.   i++;
  202. }
  203. animatePopup();
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement