mardi 4 août 2015

Remember and pass value by clicking back button

I am using MyApp.updateHashLabel on using browser location hash to enable back/forward events which works with only one issue - it doesn't pass value. This is my html code and one of the buttons (fourth) has got onClick MyApp.updateApp with extra value which I want to pass when I click on a back button from another screen/state. So when I am clicking on second button after fourth and go back it shows my a correct screen but doesn't display the value = 6. Is there any way to put it in sessionStorage for this action? Or there may be a different solution...

<div class="button-bar">
   <button onclick="MyApp.updateApp(1, true);" type="button">ONE</button>
   <button onclick="MyApp.updateApp(2, true);" type="button">TWO</button>
   <button onclick="MyApp.updateApp(3, true);" type="button">THREE</button>
   <button onclick="MyApp.updateApp(4, true, 6);" type="button">FOUR</button>
</div>
<div id="hash-label">#</div>
<div id="value-label"></div>
<div id="image-placeholder"></div>

This is my jQuery code:

MyApp.updateApp = function (hashValue, allowAppToUpdateHash, valueID) {
    var index = parseInt(hashValue, 10);
    var imageNode = document.getElementById('image-placeholder');
    var id = parseInt(valueID, 10);
}

And the function of a value usage is:

 window.article = function (id) {
   $("#value-label").html(id);
}

Please see my whole code on jsfiddle here: http://ift.tt/1eNgTJj

Really appreciate your help.

Aucun commentaire:

Enregistrer un commentaire