See it live at https://thedod.github.io Please Put it [or a better version of it :)] on your site (don't worry. Close button sets a "don't show again" cookie). This is urgent.
License: use this code for good purposes only :)
| /* Code/demo at http://codepen.io/thedod/pen/jzFhg */ | |
| ((function(){ | |
| var url = 'https://www.battleforthenet.com/embed.html/'; | |
| function setCookie(c_name,value,exdays){ | |
| var exdate=new Date(); | |
| exdate.setDate(exdate.getDate() + exdays); | |
| var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString()); | |
| document.cookie=c_name + "=" + c_value + "; path=/"; | |
| }; | |
| function getCookie(c_name){ | |
| var i,x,y,ARRcookies=document.cookie.split(";"); | |
| for (i=0;i<ARRcookies.length;i++) | |
| { | |
| x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("=")); | |
| y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1); | |
| x=x.replace(/^\s+|\s+$/g,""); | |
| if (x==c_name) | |
| { | |
| return unescape(y); | |
| } | |
| } | |
| }; | |
| if(getCookie('_dp_b4tn')){ return; }; | |
| (function(window, document, version, callback) { | |
| var j, d; | |
| var loaded = false; | |
| if (!(j = window.jQuery) || version > j.fn.jquery || callback(j, loaded)) { | |
| var script = document.createElement("script"); | |
| script.type = "text/javascript"; | |
| script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"; | |
| script.onload = script.onreadystatechange = function() { | |
| if (!loaded && (!(d = this.readyState) || d == "loaded" || d == "complete")) { | |
| callback((j = window.jQuery).noConflict(1), loaded = true); | |
| j(script).remove(); | |
| } | |
| }; | |
| document.documentElement.childNodes[0].appendChild(script) | |
| } | |
| })(window, document, "1.7", function($, jquery_loaded) { | |
| $(document).ready(function() { | |
| var speed = 300; | |
| var over = $('<div>').css({ | |
| zIndex : 9998, | |
| position : 'fixed', | |
| top : 0, | |
| left : 0, | |
| width: '100%', | |
| height: 480 | |
| }).attr('id','b4tn').html('<iframe src="https://www.battleforthenet.com/embed.html"'+ | |
| ' frameborder="0" scrolling="no" allowTransparency="true"'+ | |
| ' style="width: 100%; height: 480px;"></iframe>'); | |
| $('body').prepend(over); | |
| var close = $('<a>').css({ | |
| background : "url(https://thedod.github.io/close.png)", | |
| width: 30, | |
| height: 30, | |
| position:'absolute', | |
| top: 0, | |
| left : $('#b4tn').width()/2-260, | |
| cursor : 'pointer' | |
| }).click(function(){ | |
| setCookie('_dp_b4tn', '1', 1000); | |
| over.remove(); | |
| }); | |
| over.append(close); | |
| }); | |
| }); | |
| })()); |
| <h1>Quick and dirty <a href="https://www.battleforthenet.com/">BattleForTheNet.com</a> popup</h1> | |
| <p> | |
| Credits: I "stole this code" (Abbie Hoffman style) from an old <a href="http://www.fixthecfaa.com/#/history">fixthecfaa.com</a> campaign, then cut away half of it. | |
| </p> | |
| <p> | |
| Note that I take close.png from thedod.github.io and it's probably more sanitary to serve it locally ;) | |
| </p> | |
| <p> | |
| See this "on a real site" at <a href="https://thedod.github.io">thedod.github.io</a>.<br> | |
| If you click the close button and want to see the dialog again, clear the <em>_dp_b4tn</em> cookie. | |
| </p> | |
| <p> | |
| Please let me know if you make it better. | |
| </p> | |
| <p align="right"> | |
| Peace,<br> | |
| The Dod | |
| </p> | |
| <script src="battle4net.js"></script> |
