How to clear or change the navigation history of Jquery Mobile? -


i have phonegap app using jquery mobile. @ page, cannot let user go last page visited.

the pages order this:

(1)index -> (2)listing items -> (3)form submited -> (4)sucess page

what need: want clear history when user @ page 4 , set page 1 last , visited in case of user tries go back. maybe that's not totally possible, accept suggestion.

i imagine jquery mobile stores navigation history in kind of array, , hope can find that. in advance!

edit: i'm using multi-page template, single html page, divs works pages managed jquery mobile.

basically have 2 history "pots" need tamper with. browser , jqm.

jqm urlhistory
can modify jqms urlhistory easily. jqm code:

urlhistory = {     // array of pages visited during single page load.     // each has url , optional transition, title, , pageurl     // (which represents file path, in cases url obscured, such dialogs)     stack: [],     // maintain index number active page in stack     activeindex: 0,     // active     getactive: function () {         return urlhistory.stack[urlhistory.activeindex];     },     getprev: function () {         return urlhistory.stack[urlhistory.activeindex - 1];     },     getnext: function () {         return urlhistory.stack[urlhistory.activeindex + 1];     },     // addnew used whenever new page added     addnew: function (url, transition, title, pageurl, role) {         // if there's forward history, wipe         if (urlhistory.getnext()) {             urlhistory.clearforward();         }         urlhistory.stack.push({             url: url,             transition: transition,             title: title,             pageurl: pageurl,             role: role         });         urlhistory.activeindex = urlhistory.stack.length - 1;     },     //wipe urls ahead of active index     clearforward: function () {         urlhistory.stack = urlhistory.stack.slice(0, urlhistory.activeindex + 1);     } };

so of above functions available , can called example:

$.mobile.urlhistory.clearforward();

to monitor history, put somewhere , listen pagechange (once transitions done) see inside urlhistory:

$(document).on('pagechange', 'div:jqmdata(role="page")', function(){     console.log($.mobile.urlhistory.stack); });

from there can start see should in history , clean need.

i'm using lot own navigation layer modify stored in urlhistory , should not stored. sync-ing browser difficult part...

on sync-ing browser:
in navigation layer i'm removing double entries urlhistory, there page go (and not two), when click browser button. in case, presumable have 4 entries in browser history, if remove 2 entries jqm urlhistory, have two pages "not got to" when button clicked. if browser history looks this:

www.google.com www.somepage.com www.your_app.com = page1     page2     page3     page4

and remove page2 , page3, clicking back-button should result in:

1st back-click = page4 > page1 2nd back-click = page1 > www.somepage.com [because removed page3] 3rd back-click = www.somepage.com > www.google.com [because removed page2]

a theoretical workaround be:

  1. keep counter how "deep" go page
  2. remove pages jqm urlhistory , "jump" value = counter-removedpages
  3. on next browser click, jump x window.history(back) , let 1 jqm transition pass. url unwind page4>page3>page2>page1 in 1 step , allow jqm single transition page4 page1
  4. check what's in urlhistory , clean after "triple back"

beware not optimal solution , have consider lot of things (user clicks somewhere else before going etc). tried forever work in more complicated setup , stopped using it, because never worked should. simpler setup may work.


Comments

Post a Comment

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

i need display gallery of photos. here template: @(photos: list[photo]) @title = { <bold>gallery</bold> } @main(title,"photo"){ <ul class="thumbnails"> @for(photo <- photos) { <li class="span3"> <a href="#" class="thumbnail"> <img src="@photo.path" alt=""> </a> </li> } </ul> } and here controller method: public static result getphotos() { return ok(views.html.photo.gallery.render(photo.get())); } and here photo bean : @entity public class photo extends model { @id public long id; @required public string label; public string path; public photo(string path, string label) { this.path = path; this.label = label; } private static finder<long, photo> find = new finder<long, photo>( long.class, photo.class); public static list<phot...
Read more

gmail - Is there any documentation for read-only access to the Google Contacts API? -

i want read-only access user's google contacts. there stackoverflow member wanted this, , received following answer : yes, there is, use https://www.googleapis.com/auth/contacts.readonly scope , "view contacts". this exchange reference read-only access google contacts can find using google. simply using access token obtained attempt read usual google contacts api (i.e. https://www.google.com/m8/feeds ) fails insufficient permissions. similarly, using google contacts api on new target fails 404 errors (for example https://www.googleapis.com/auth/contacts.readonly/default/full ). is there documentation anywhere on how use api, or permissible way access google contacts api full read-write access?
Read more

php - Controller/JToolBar not working in Joomla 2.5 -

relevant code: jtoolbarhelper::custom('savecategories', 'save', '', 'save', false, false); ... <input type="hidden" name="controller" value="easyblogcontroller"> according can dig docs , own previous questions, should call savecategories() function in easyblogcontroller . i've tried setting value easyblog , easyblog.php (file name) current easyblogcontroller (class name). clicking on save button refreshes page. not redirect, echo or var_dump test code put in savecategories() function. var_dump ing jrequest::getvar('controller') , 'task' return correct values. creating controller object , using $controller->execute('task'); works. the values going depend on location of controller trying call, , have couple options here. typically there controller in base folder of component (likely components/com_easyblog) in file called controller.php , class name inside ...
Read more