Redirect the page to back if URL changed

Question

My Homepage URL is //localhost:8090 it will run index.html with main.js

If the URL is changed to //localhost:8090/icons/sample.png. I have to redirect the user to previous page as //localhost:8090.

I tried:

main.js

if(window.location.href.indexOf("icons") > -1) 
 {
     window.history.back();
 }

It doesn't work. The page simply display the image.

the request is hitting an image resource so no js,put one htaccess file Deny from all — Arun Killu, Jul 25 '14 at 12:04
What you are trying to achieve? Do you want to block access to icons directory? — Emma, Jul 25 '14 at 12:06
Have you tried `onunload` from the pages that are trying to navigate to the image? — PeterKA, Jul 25 '14 at 12:06
You will have to use mod_rewrite / .htaccess to redirect the request to the image file to a php file, which will then send a http status code 302 which redirects the browser back to the index — Merlin Denker, Jul 25 '14 at 12:15
Okay. Then If you can put something like index.php or index.html file of size zero. This may sort your problem. I have tried in PHP projects, which works. — Emma, Jul 25 '14 at 12:16
then you can redirect to a html file that contains a javascript or meta redirect — Merlin Denker, Jul 25 '14 at 12:16

score 4 · Answer 1 · answered Jul 25 '14 at 12:34

In modern browsers(IE8+, FF3.6+, Chrome), you can just listen to the hashchange event on window.

$(window).bind('hashchange', function() {
  window.history.back();
 /* things */
});

In some old browsers, you need a timer that continually checks location.hash. If you're using jQuery, there is a plugin that does exactly that.

function hashHandler(){
this.oldHash = window.location.hash;
this.Check;

var that = this;
var detect = function(){
    if(that.oldHash!=window.location.hash){
       window.history.back();
    }
};
this.Check = setInterval(function(){ detect() }, 100);
}

var hashDetection = new hashHandler();

Do you work on hash change event.

I need to redirect only if the url having 'icons'. Because the above code restricts all the API calls. — Hulk1991, Jul 25 '14 at 12:37

score 0 · Answer 2 · edited May 23 '17 at 10:33

Try following:

RewriteEngine on 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?localhost [NC] 
RewriteCond %{HTTP_REFERER} !^http://(www\.)?localhost.*$ [NC] 
RewriteRule \.(gif|jpg)$ - [F]

Returns 403 if you access image directly, but allows them to be displayed on site.

NOTE: it is possible that when you open some page with image and than copy that image's path into the address bar you can see that image, it is only because of the browser's cache, in fact that image has not been loaded from the server.

Credits to Ruslan Osipov

Redirect the page to back if URL changed

2 Answers2