File: /var/www/html/inventory.breadsecret.com/test2.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Next Fullscreen Page</title>
<style>
body {
margin: 0;
font-family: Arial, sans-serif;
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
background-color: #e0e0e0;
}
</style>
</head>
<body>
<h1>This is the Next Fullscreen Page</h1>
<button id="fullscreenBtn">Go Full Screen</button>
<a href="index.php">Back to First Page</a>
<script>
function goFullScreen() {
if (document.documentElement.requestFullscreen) {
document.documentElement.requestFullscreen();
} else if (document.documentElement.mozRequestFullScreen) { // Firefox
document.documentElement.mozRequestFullScreen();
} else if (document.documentElement.webkitRequestFullscreen) { // Chrome, Safari and Opera
document.documentElement.webkitRequestFullscreen();
} else if (document.documentElement.msRequestFullscreen) { // IE/Edge
document.documentElement.msRequestFullscreen();
}
localStorage.setItem('fullscreen', 'true');
}
window.addEventListener('load', () => {
if (localStorage.getItem('fullscreen') === 'true') {
const fullscreenPromise = document.documentElement.requestFullscreen();
if (fullscreenPromise) {
fullscreenPromise.catch(err => {
console.error("Error attempting to enable full-screen mode:", err.message);
});
}
}
document.getElementById('fullscreenBtn').addEventListener('click', () => {
goFullScreen();
});
});
</script>
</body>
</html>