MooTools 1.3 Cookbook

Making a reset button to remove all products from a shopping cart

This is the last recipe in this series. Please join us from the first recipe through the fifth by beginning at the first page ofChapter 6,Easy Come, Easy Go: Drag and Drop.

How to do it...

Adding just a couple of lines in a few key places set us up to remove all the cart business logic and presentation logic that is being stored client-side for our user.

• Adding a widget to remove all items

  <a id="clear_all_trigger">Remove All Products</a>
  <style type="text/css">
  #clear_all_trigger { cursor:pointer; font-color:#00F; text-decoration:underline; }
  <style>
  

  When placing the widget, we give some thought to design and align the text left, color it, and so on. What is more important, though, ...