Changing onscreen inventory levels when a product is dropped on the cart

The first two recipes in this chapter lead up to the complexity found in this example. Those familiar with the concepts will find the client-side inventory level tracking quite easy to follow.

How to do it

In order to display the inventory and quantity levels, the HTML markup changed slightly. We note that important change as we proceed with the tracking of quantities.

<script type="text/javascript" src="mootools-1.3.0.js"></script> <script type="text/javascript" src="mootools-more-1.3.0.js"></script> </head> <body> ... <div id="left"> <small>My Cart:</small> <div id="hitter"><br clear="both"/></div> </div> <div id="right"> <div class="product"><a id="p1"> <img src="06_product_1.jpg" ...

Get MooTools 1.3 Cookbook now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.