Question

My page runs on php for no js-users. For users with javascript on I load all content dynamic fromt the index in combination with the hashchangevent. So the links all look like http://www.page.com/#page.php, with a # before it. If the user types it in that way every thing works like charm and the content is being loaded over the index.php

But if a user would enter http://www.page.com/page.php the page of course ends up on the php page and the dynamic page will of course not work any more except the user will hit the index page and go on navigate from that. So that’s not a cool way.

My Question:

How can I redirect user from:

http://www.page.com/page.php

to

http://www.page.com/#page.php

when they typed in http://www.page.com/page.php in the Browser

Of course only with javascript. The Page should work without javascript on normally with php.

Thank you.

Answer 1

When the page loads, change the window.location to the desired URL by deconstructing and reassembling the URI. Unfortunately, you’ll have to include this on every page (i.e., page.php) on which you’d like the redirect to happen.

$(document).ready(function () {
    // Insert the pathname after the hash, but skip the leading '`'
    window.location = "/#" + document.location.pathname.slice(1);
});

It’s slightly less clean, but you could also remove the window.location bit from .ready() entirely. This would effect an small performance improvement.

If you want the hash-redirect to affect only the last element of the current path, use the code below, instead.

window.location = "./#" + document.location.pathname.split('/').pop();