Override the back button

Question

Hi,

I was wondering how I can override where the back button is taking me?  

Thanks!

Answer 1

You could change the distance: WinJS.Navigation.back(distance).done( /* Your success and error handlers */ ); 
Or replace it with: WinJS.Navigation.navigate(location, initialState).done( /* Your success and error handlers */ );

Answer 2

As Tinsleworm has suggested, the WinJS.Navigation namespace has provided the methods for you to manually perform navigation tasks such as going forward,  going back, or going to specific page or cancel the current navigation via certain events.

#WinJS.Navigation Namespace
http://msdn.microsoft.com/en-us/library/windows/apps/br229778.aspx

So you can just put your own "back button" or other UI elements on page to control the page navigation in your windows store app.

---

Please remember to mark the replies as answers if they help and unmark them if they provide no help.

Answer 3

 

I understand both of those, but they don't do what I'm looking for.  I'm wondering if there is a way to combine those two.

So you put the code to have the back button change how far back it looks into the history, and the other makes a button go to a specific place. 

I want to tell the back button to go to a specific place, still using the default back button. Something that would be along the lines of:

WinJS.Navigation.back(location, initialState).done( /* Your success and error handlers */ );

And be able to have that in different JS's so I can tell different pages back buttons to always go to a specific place. 

Answer 4

Re-thinking about it idk why I didn't just think to add an ID to the back button in the HTML and do the Navigation.navigate. 

Just added the ID in the HTML. then did 

var back = document.getElementById("backButton");
            back.addEventListener("click", function () { goToSection("/pages/home/support.html"); }, false);

With goToSection just being:

function goToSection(section) {
        WinJS.Navigation.navigate(section);
    }