Prevent reloading page when switching languages

[slatedocs]

Prevent reloading page when switching languages

[lord]

I decided on that because it's important to have the language in the URL. That is, if you're looking at the Ruby tab, you should be able to copy the URL and have it automatically point to the Ruby tab.

There's a way to change the URL with pushstate and popstate, but I couldn't figure out how to make it work well with the back button and tocify, so that the back button properly sends you to the correct position in the ToC. If you can figure out a way, I'd be glad to accept a pull request!

[lord]

Ah, and there was one other reason I chose to reload the page — it ensures when you switch languages, you stay in the same section. A good implementation pushstate should make sure that if the user switching tab while in a section, they remain in that section, even if the code samples above them are of different lengths. Maybe I can look into this in a couple weeks, I agree, reloading the page isn't optimal.

[bootstraponline]

This seems to work:

  // if we click on a language tab, activate that language
  $("#lang-selector a").bind("click", function() {
    var lang = $(this).data("language-name");
    var hash = window.location.hash;
    if (hash) hash = hash.replace(/^#+/, '');
    // do not reload the page every time the language is changed
    if (history) history.pushState({}, '', '?' + lang + '#' + hash);

    activateLanguage(lang);
    return false;
  });

[lord]

I'll take a look at this over the weekend, thanks!

[lord]

Ah, nice! It works for me, although I needed to add a onpopstate to handle users pressing history buttons. Thanks.

[bootstraponline]

Awesome. Thanks for fixing this.

[lord]

No problem. Let me know if you run into any issues with it, I haven't tested it super extensively.