Hello.

I've made a product page with the Ajax LOAD system:
http://www.mompala.it/prodotti

The idea is giving the possibility to the user to browse these products 
without a page reload, and it works fine.

The problem is that browsing the products don't change the url.

I've made a script that changes the content depending of the url.
If the url has a category_id like 
http://www.mompala.it/prodotti?category_id=8 the load page will display the 
products of this category.
If the url has a product_id like 
http://www.mompala.it/prodotti?product_id=325 the load page will display 
this product.

The problem still the history.
The user must have the possibility to press the browser back button for 
displaying the last content.

Adding this script in the load page change the url in the browser url bar, 
new_link is a link with the category_id or product_id:
<script>
    history.pushState("", "", "{{=new_link}}");
</script>

Like that the back button change only the url bar content, not the page 
content.

For updating the page content I've added in the main page 'prodotti' this 
script:
<script type="text/javascript">
    window.addEventListener('popstate', function(event) {
      location.reload();
    });
</script>

And it works, but only for turning back to the last page.
In other words, if the user wanted to turn back in the history 2 pages in 
the past he can't.

Someones knows why?

Thanks!

-- 
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
--- 
You received this message because you are subscribed to the Google Groups 
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to web2py+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Reply via email to