<!DOCTYPE html>
<html>
<head>
<script data-require="jquery@*" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body>
<div class="instructions">
Click anywhere, then move the new window that appears and hit F11 on it.<br />
You might have to alt-tab a couple of times to get toolbars to disappear.
</div>
</body>
</html>
// Code goes here
function openPrankWindow() {
window.open("http://geekprank.com/win10-update/");
}
function getreqfullscreen(){
var root = document.documentElement
return root.requestFullscreen || root.webkitRequestFullscreen || root.mozRequestFullScreen || root.msRequestFullscreen
}
var alreadyRun = false,
globalreqfullscreen = getreqfullscreen() // get supported version of requestFullscreen()
document.addEventListener('click', function(e){
if(!alreadyRun) {
$('.instructions').hide();
var target = e.target
globalreqfullscreen.call(target)
setTimeout(openPrankWindow(), 2000);
}
alreadyRun = true;
}, false)
/* Styles go here */
* {
cursor: none;
background-color: #000000;
}
.canFullScreen {
width: 100%;
height: 100%;
}
.instructions {
color: white;
text-align: center;
font-family: sans-serif;
}
Hit F-11 on each tab, each on its own monitor.