<!DOCTYPE html>
<html>
<head>
<title>Корзина</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
var showSmallBasket = function () {
$(this).addEventListener("click",
function(event) {
event.stopPropagation ? event.stopPropagation() : event.cancelBubble = !0;
this.elem_anchor.click();
}, false);
}
body.addEventListener("click",
function(event) {
this.style.visibility = "hidden";
}, false);
document.onclick = function(e) {
}
</script>
</head>
<body>
<div class="basketLineBox">
<div class="basketLine">
<a href="#" onclick="showSmallBasket(); return false;">В корзине <b>2</b> товара</a>
</div>
</div>
<div class="basketSmallBox">
<div class="basketSmall">
<h3>Позиции в Вашей корзине:</h3>
<div class="basketSmallConteiner">
<div class="smallName"><a href="#" title="Товар №2"><h3>Товар №2</h3></a></div>
<div class="smallPrice">Цена: 1 руб.</div>
<div class="smallQuantity">Количество: 3.00</div>
</div>
<div class="basketSmallConteiner">
<div class="smallName"><a href="#" title="Товар №2"><h3>Товар №2</h3></a></div>
<div class="smallPrice">Цена: 1 руб.</div>
<div class="smallQuantity">Количество: 3.00</div>
</div>
<div class="buttonWaySmallBasket">
<form method="get" action="/p/cart">
<input type="submit" value="Изменить количество">
</form>
</div>
<div class="buttonWaySmallBasket">
<form method="get" action="/p/order">
<input type="submit" value="Оформить заказ">
</form>
</div>
</div>
</div>
</body>
</html>