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.
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, is that our widget needs to appear clickable. Any HTML A tag without the
HREF
attribute will not appear as clickable. Setting the stylecursor:pointer;
solves that usability issue.Making the widget remove the items
There...