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 O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.