Hello and welcome to our community! Is this your first visit?
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Nov 2006
    Thanked 0 Times in 0 Posts

    Change address bar for AJAXed links

    Hello all,
    I'm sure this is coming up quite a bit so maybe someone's got the answer...
    How does one change the text of the address bar to reflect a page change implemented with AJAX?

    In other words, I've got a small site where all the pages are AJAXed into through the index page. However, using PHP/Javascript, I've managed to cobble a function that will change the page given the presence of a page variable in the url string:
    That all works fine. However, how can I have javascript change that page variable in the address bar when someone clicks on a link that is ajaxing a page in?

    NOTE: using window.location.hash is not an option as I need to pass a variable for PHP reasons. Any non-hash alternatives?

  2. #2
    Senior Coder rnd me's Avatar
    Join Date
    Jun 2007
    Thanked 626 Times in 605 Posts
    using the search param (?), instead of the hash (#) will cause all current browsers to refresh the page, not something i think you want.

    so, in order to use a url, it would have to be a hash.

    this means that you need to create a 'landing page'- a simple html/js page the immediately converts the hash to a search and transfers the url to your php script.

    note that this would be incoming only; bookmarking a dynamic page would use the search, not the hash. make sure your server can find both versions.

    one more idea: use ?s and a full-screen iframe to show your content. the hash of your top page can change while the search of the iframe changes
    Create, Share, and Debug HTML pages and snippets with a cool new web app I helped create: pagedemos.com


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts