Change complete URL in adress bar, without reloading the page

Question

What I need is for a webpage to completely alter the users adressbar on visit.

For instance: I visit www.X.com, but my adress bar displays www.Z.com.

I have already looked at history.pushState / history.replaceState, but using them I get results like this: www.X.com/www.Z.com.

Is there a way, preferably using history.pushState/replaceState, to accomplish this effect?

Have you tried this: http://stackoverflow.com/questions/10953792/change-url-in-browser-address-bar-without-reload-existing-page — Ben C, Feb 25 '16 at 10:21
http://stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page — Radek Wysocki, Feb 25 '16 at 10:21
I have tried those, but like I said they append to the adress bar instead of replacing it fully. — Robert Kraaijeveld, Feb 25 '16 at 10:23

score 0 · Answer 1 · edited Feb 25 '16 at 10:48

0

function changeUrl(page, url) {
    if (typeof (history.pushState) != "undefined") {
        var obj = { Page: page, Url: url };
        history.pushState(obj, obj.Page, obj.Url);
    } else {
        alert("Browser does not support HTML5.");
    }
}
$(function () {
    $("#button1").click(function () {
        changeUrl('Page1', 'Page1.htm');
    });
    $("#button2").click(function () {
        changeUrl('Page2', 'Page2.htm');
    });
    $("#button3").click(function () {
        changeUrl('Page3', 'Page3.htm');
    });
});

edited Feb 25 '16 at 10:48

entio

3,816
1
24
39

answered Feb 25 '16 at 10:26

Shambhu Kumar Ray

1
1

It would be nice to explain what the code does instead of just placing a piece of code. – entio Feb 25 '16 at 10:35

score -2 · Answer 2 · edited Mar 17 '16 at 22:52

-2

I fixed the issue with my hosting provider.

edited Mar 17 '16 at 22:52

halfer

19,824
17
99
186

answered Feb 25 '16 at 10:32

Robert Kraaijeveld

687
1
6
14

2

This is not an answer to the question. The actual answer to the question is that it is not possible, for security reasons, to alter the hostname in the browser bar without reloading the page. – Chris Lear Feb 25 '16 at 10:36

Change complete URL in adress bar, without reloading the page

2 Answers2