html5 - Autocompletion/Restoring of input form fields that are created dynamically on navigation -


assume have <input> element on html page. when fill in value, navigate forth page , navigate back, value restored:

1) in firefox, whole page state being restored because of bfcache: https://developer.mozilla.org/en-us/docs/working_with_bfcache. (that means state of running script being restored.)

2) in chrome, fast page cache not seem work (so page reset original state), values of input fields being retained.

now if add <input> field dynamically script, in firefox value still restored (because of fact being in restored).

in chrome, however, javascript create <input> field has run again, input field appears brand new engine, meaning no value being restored.

so question is: how implement chrome's functionality 2) dynamically generated <input>s (or how give chrome hint identity of input field).

(one reason why interested in proposed custom elements: https://dvcs.w3.org/hg/webcomponents/raw-file/tip/spec/custom/index.html. using or polyfills @ https://github.com/mozilla/web-components/blob/master/src/document.register.js or https://github.com/polymer/customelements means 1 going create lot of (input) elements programmatically , user experience should work built-in elements.)

one work around thought of use window.history.replacestate whenever value of input element changes store in browser's history. wondering whether can hook directly browser's autocomplete functionality not have repeatedly call replacestate.

there workaround: instead of storing value (whenever changed) of dynamically generated input in browser history using history api, 1 create 1 static hidden <input> field holds page's state , rely on browser's ability restore value.

instead of using input event on <input> fields detect changes saved in current session's history entry, 1 listen pagehide events save current values. may bit more performant. however, not work storing state in hidden input fields because changes after pagehide event discarded (at least chrome).


Comments

Post a Comment

Popular posts from this blog

Change php variable from jquery value using ajax (same page) -

what i'm trying this: i've php global variable $currentid , simple jquery script check if there "id" (page) in hash of url , if yes wanted give value $currentid . i've been reading lot , notice shall use ajax i'm not managing it. my code is: <script type="text/javascript"> $(document).ready(function(){ if (parent.location.hash != '' ) { var thecurrentid = parent.location.hash.split('#')[1]; $.ajax({ url: 'my.php', //current page type: 'post', data: {theid: thecurrentid }, datatype: 'json', success: function () { } }); } // code here }); </script> could me please? thank in advance. php server side language, meaning once has sent data browser, php variables , data cannot changed... however, using ajax, can send request php page , change data in dom based on result. consider th...
Read more

Pull out data related to my apps from Android Play Store and iOS App Store -

i want pull out data related apps (ratings, reviews, etc) google play store , apple app store ? how can accomplish ? i have found open source apis google mentioned not reliable. also there paid apis (e.g. appfigures) available. has idea how able pull data these play stores ?? i looking direction on how can accomplish this. can suggest ? we (appfigures) have been working on developing infrastructure give ability reviews , bunch of other data points major app stores several years :] we make available via our api though may want check out.
Read more

How can I fetch data from a web server in an android application? -

i want retrieve data web server in android application, , don't know begin. should use web services? i recommend these tutorials: connect android php , mysql , json in android , php , mysqli i used these tutorials , managed trying working without difficulty. between them describe each step in how attempting @ each stage, android application, database , web server side , has information included can process , use received information the thing add connect android php , mysql tutorial makes use of mysql_ in php deprecated. better use mysqli why included third link. the basic outline of want this: 1) in android app make request server php script using class this: import java.io.bufferedreader; import java.io.ioexception; import java.io.inputstream; import java.io.inputstreamreader; import java.io.unsupportedencodingexception; import java.util.list; import org.apache.http.httpentity; import org.apache.http.httpresponse; import org.apache.http.namevaluepair...
Read more