Здесь, на форуме, привожу код, использованный в работе демки, опубликованой в статье блога
Easy Basket. Корзина покупок для вашего сайта
. Все на редкость несложно:
Code:
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.js"></script>
<link type="text/css" rel="stylesheet" href="demo.css"/>
<script src="easybasket.js"></script>
<meta name="easybasket" content="location=."/>
</head>
<body>
<div class="sales-item">
<img src="pic-cat.jpg"/>
<div>Cat EUR 10</div>
<form class="easybasket" method="POST" action="?basket=add">
<input type="hidden" name="title" value="Cat"/>
<input type="hidden" name="price" value="10"/>
<input type="hidden" name="image" value="pic-cat.jpg"/>
<input type="submit" value="Add to basket"/>
</form>
</div>
<div class="sales-item">
<img src="pic-dog.jpg"/>
<div>Dog EUR 20</div>
<form class="easybasket" method="POST" action="?basket=add">
<input type="hidden" name="title" value="Dog"/>
<input type="hidden" name="price" value="20"/>
<input type="hidden" name="image" value="pic-dog.jpg"/>
<input type="submit" value="Add to basket"/>
</form>
</div>
<div class="skin">
<div class="easybasket" data-url="skin=teeny.xsl">Fetching...</div>
</div>
<div class="skin">
<div class="easybasket" data-url="skin=compact.xsl">Fetching...</div>
</div>
</body>
</html>
