I am having one html page for recommendation.
In this page I have different buttons like choose contact, choose merchant. In choose merchant button, I have one textbox, after clicking on the button I will navigate to the page which contains the list of merchants.
After clicking on merchant name, that merchant name should displayed in textbox of recommend.html (first html page), but its not possible as the textbox id belongs to different html page and that merchant name id belongs to different html page.
I m able to append that merchant name to the same html page of choose merchant but can't append it to the recommend.html..anybody knows solution for this,..?
3 Answers
In a simple code example, using HTML5's session storage,
On your merchant list page, before bouncing back to the recommendation page, set the session storage item when the merchant is selected:
sessionStorage.setItem("selectedMerchant", "merchant_name");
On the recommendation page, read the item and display recommendations based on the selected merchant name:
var selectedMerchant = "";
if ( sessionStorage.getItem("selectedMerchant") ) {
selectedMerchant = sessionStorage.getItem("selectedMerchant");
}
Of course, you will need to handle various conditions, such as clearing the selected merchant names and validating the values, etc.
Check out the link below for more references:
https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Storage
5 Comments
user3415421
can u please chcek my code and tell me where i m wrong..before it was working but dont know what changes i have made..now its not working..after selecting merchant list..i wrote
Kyo
Did you post your online somewhere?
user3415421
here is the link pls check it and tell me where i m doing wrong stackoverflow.com/questions/23243341/…
Kyo
I see there are other folks already provided answered on the question. Best luck!
user3415421
@kyo..still not getting output..by your code only..i tried and it was working but now its not going to work..pls tell me where i m wrong in the code.
You need to generate that html code and have to pass it in that page using jquery For example if that element is like "#merchant" and generated html is like $("") then append it to selected element using insertAfter or appendTo
Comments
When you click on second.html (where ever merchant name exists), you need to submit a html form with action attribute to recommend.html and pass the merchant name as a hidden input type .
Then from second.html, you can access the POST parameters and display it in your text box.
Basically you need to have some server side coding (JSP/PHP/PERL etc)
answered Apr 23, 2014 at 6:11
Vinod Jayachandran
3,91811 gold badges64 silver badges98 bronze badges
sessionsto maintain the state of page. You can also usecookiesif you want to do this only through javascript.