I have two web pages, index.html and home.html. I'm trying to make home.html can only be accessed from index.html so that if a user inputs www.mywbpage.home.html, they'll be redirected to an error page or to index.html..
I linked index.html to home.html with a JS button.
Tried searching all over but the PHP, JS and .htaccess codes I got didn't work...
This can be done without server side, but you know this is a bit sketchy.
index.html
var value = "visited"; // or the date of visit!
localStorage.setItem('my_flag', "visited");
home.html
var value = localStorage.getItem('my_flag');
if (value != "visited") {
window.location = "index.html";
}
localStorage.removeItem("my_flag");
you can use sessionStorage to do that first on the load index page put
sessionStorage.setItem('home', 'true');
second, if you are on the home page check if
sessionStorage.getItem('home')=="true"
if it is true let him there else redirect
not sure if this helps, but a simple approach would be:
Convert index.html and home.html to index.php and home.php, in its simple form just renaming the file should be enough.
In home.php, add the check for HTTP_REFERER header like below:
<?php
$prev_url = $_SERVER['HTTP_REFERER'];
if($prev_url != "/") { /* or use fully qualified url for index */
header("Location: /");
exit;
}
?>
<!-- here on put the home.html content -->
*Note This is highly insecure and not recommended as HTTP_REFERER can easily be spoofed