Change URL Website without Load Page (Javascript)

Change URL Website without Load Page (Javascript)
Time: 2min
-- Please Subscriber Me, Thanks you! --
Demo Link: luyenthinhanh.c...
Download source: luyenthinhanh.c...
- More Learning:
luyenthinhanh.com
- Note:you should prepare page or redirect url for each items link change, If not, when you F5 website will error 404.

[@bot_fx6823]

6 years after and this is still super helpful, thanks a lot man 🔥

[@luyenthinhanh7319]

Thank you! I know it's not the best but it's the simplest, if you need more advanced, please contact me!

[@luyenthinhanh7319]

I have updated the code for easier viewing, please download file and view demo here: Demo Link: luyenthinhanh.com/website/changeUrl/change-url.html Download source: luyenthinhanh.com/website/changeUrl/demo_change_url.rar If have any question, please notice for me. Thanks.

[@otete3020]

Thank you! It helped me a lot😊

[@XALXOMUSIC]

Thanks man

[@ChathurangaBasnayakeCSB]

thank you :)

[@michaelrapp12]

What is that song in the video, the first song played.

[@Legend-ru5sf]

thanks bro

[@avinashthakur1374]

source cod does not work why u do like this ?

[@luyenthinhanh7319]

It's work when using true case, please sent me link u test source not work, I can check it now.

[@alexlytle089]

how can i use the pop state so I can use the back button on the browser

[@luyenthinhanh7319]

They are working not same. I think you should choose angular js or vue js, they are strong solution for single page.

[@alexlytle089]

@@luyenthinhanh7319 please there has to be a way

[@luyenthinhanh7319]

@@alexlytle089 I'll create demo using angular, if you need soon.

[@alexlytle089]

@@luyenthinhanh7319 that would be amazing! Thank you so much. I would really appreciate. It would mean so much

[@alexlytle089]

@@luyenthinhanh7319 I'm really looking forward to it

[@luyenthinhanh7319]

Home Page - if you want change title website, you have var title='name-site' // DEFAULT CONTENT var DOMAIN_NAME = 'luyenthinhanh.com/website/changeUrl/change-url.html'; var html_home = 'HOME PAGE'; html_home += 'Add content home page here!'; html_home += 'Any question or Task, Please Contact with me: [e-mail]!'; var html_product = 'PRODUCTS PAGE'; html_product += 'Add content Products page here!'; html_product += 'Any question or Task, Please Contact with me: [e-mail]!'; function loadHomepage() { history.pushState({},"",DOMAIN_NAME + "/home"); document.getElementById('main-content').innerHTML = html_home; } function loadProducts() { history.pushState({},"",DOMAIN_NAME + "/products"); document.getElementById('main-content').innerHTML = html_product; } Home Page - Test now Contact Page Products

[@luyenthinhanh7319]

Sorry ans your question late. you can put anywhere in url. can You give me before and after url you want? thanks!

[@jorgea.garzav4650]

It wont work as its expected, urls pile up and contents don't respond to the url change

[@luyenthinhanh7319]

Thank your comments. You need using url full and using Json load data when change url.

[@anselminos5238]

instead of history.pushState({}, "", "page/anotherPage"); you do this history.pushState({}, "", "/page/anotherPage"); You welcome!

[@srinivasbalam3335]

Please send me the source

[@luyenthinhanh7319]

I have provide link download in description article. Hope It can help your requirement.

[@pinyin1]

it can not redirect to new page or file eg profile.php

[@luyenthinhanh7319]

Please description detail case you want work.

[@anselminos5238]

doesnt explain much but if you think about what every thing does you'll understand

[@aleksjudd2124]

What software is this

[@luyenthinhanh7319]

Its JavaScript normal, you can using angular or framework JavaScript other, its easy implement.

[@RajeshSoni-fr9ej]

Need help

[@luyenthinhanh7319]

Hi Soni, what do you need help?

[@RajeshSoni-fr9ej]

@@luyenthinhanh7319 email

[@luyenthinhanh7319]

@@RajeshSoni-fr9ej [e-mail]

[@RajeshSoni-fr9ej]

@@luyenthinhanh7319 ok

[@luyenthinhanh7319]

@@RajeshSoni-fr9ej i can't see anything your letter?? Do you send to me?

[@developeraccount438]

this is not good method .

[@luyenthinhanh7319]

You need change logic matching requirements of customer. Or you can sharing requirement, i ll change it.

[@developeraccount438]

@@luyenthinhanh7319 I want to load page instead text.

[@luyenthinhanh7319]

@@developeraccount438 yes, you need have some route mapping url you want change. If end use refresh site, system will load content same curent page.

[@developeraccount438]

@@luyenthinhanh7319 may i have the pastebin or jsfiddle

[@luyenthinhanh7319]

@@developeraccount438 , please description about requirement, i and more persons very happy if help to you. :)