Hi Everyone,

I have a page that until recently worked as follows:

 

1. Load product information and display basket options

2. Basket options section, allowed user to specify QTY or apply a template (selecting preset qty for various branches)

3. Upon choosing a template, form submits to itself and loads the relevant template based on the form value passed in.

 

For various reasons (namely page load speed), I now implement the basket section as a separate page, but within a jquery tab on the existing product page. So, now the page works as follows:

 

1. Load product information (product.html for example)

2. Display details in tab 1

3. Display basket options in tab 2 (load separate page via ajax i.e. basket.html) - use jquery 'load' to pre load the basket so it is available as soon as the the tab is clicked.

4. Apply a template, submit form to product.html

 

This is my problem...

 

As the form is submitted to product.html and not basket.html, the form data is therefore not available to the basket tab as it is an external page. Can anyone tell me a way of getting the form data to the tab? Querystring is not an option as there is far too much data to pass this way.

 

Alternately, could anyone tell me how to submit the form (which is in the basket.html) page to itself and not the parent (product.html) page, therefore, just reloading the tab within the parent page and not the entire product page