Question

I have a issue with being able to link back to the home page from a AJAX response from a Multi-page layout form submission

The structure

index.php has multi-page agreement (index.php#agreement)

#agreement has a form that is using the default AJAX call for submission to (agreement.php)

From agreement.php I can go back to the last page (#agreement) which is expected but now I wanted to go back to the index.php page.

I can easily put href="index.php" but then the session looses it values.

Is there a way to go back two steps? or access the URL history and point to a specific page without loosing any of the data in the form(s)?

I have binded agreement.php using this code in index.php

$('#agreement_status').live('pageshow',function(event, ui){
    // Button action
    $('#back_home').click(function(){
        window.history.back(); // this goes back one page to index.php#agreement
        window.history.back(-2); // this goes back one page to index.php#agreement
        $.mobile.changePage("#index", "slideup"); // this works but appends the hashtag in the URL which breaks the other functionality 
    });
});

In agreement.php I have this code

<a id="back_home" 
   data-role="button" 
   data-icon="home" 
   data-theme="z" 
   data-inline="true" 
   style="float:right;">
    Home
</a>

Answer 1

Well this is not really an answer to my question but it did solve my problem:

agreement.php back button code, use the data-rel=”back” option in the anchor tag and add a div tag with name/id agreement_status

<a data-rel="back" 
   data-role="button" 
   data-icon="home" 
   data-theme="z" 
   data-inline="true" 
   style="float:right;">
    Home
</a>

In the index.php page, add this to your java script

$('#agreement_status').live('pagehide',function(event, ui){
    window.history.back();
});

What happen is the pagehide fires when the agreement_status page is hidden, so you will be on the #agreement page. Then with window.history.back(); we are able to go back to the index.php page and still keep all the data in tacked without the need for a refresh of the page