Показать сообщение отдельно
  #6 (permalink)  
Старый 18.03.2014, 17:16
Интересующийся
Отправить личное сообщение для Mizter Egoist Посмотреть профиль Найти все сообщения от Mizter Egoist
 
Регистрация: 05.03.2014
Сообщений: 23

Помогите пожалуйста его оптимизировать, он так косо и дебильно работает, но работает.
$(document).ready(function () {
	showBasketLine();
	showBasketSmall();
	$(".storeBuy a").click(function(){
		showBasketLine();
	});
	$(".basketLineBox").click(function(){
		showDropdown(this);
	});
	$(document).mouseup(function () {
		hideallDropdowns();
	});
	$(".basketSmallBox").mouseup(function() {
		return false;
	});
	function hideallDropdowns() {
		$(".dropped .basketSmallBox").hide();
		$(".dropped").removeClass('dropped');
		$(".dropped .basketSmallBox .title").unbind("click");
	}
	function showDropdown(e) {
		var elm = $(e).parent().addClass('dropped');
		elm
			.find('.title')
			.click(function () {
				hideallDropdowns();
			})
			.html($(e).html());
		elm.find('.basketSmallBox').show();
		showBasketSmall();
	}
	function showBasketLine() {
		$.ajax({
			url: "/include_areas/ajax.handler.php",
			type: "POST",
			cache: true,
			data: "block=basketLine",
			dataType: "html",
			success: function(data){
				$('.basketLineBox').html(data)
			}
		});
	}
	function showBasketSmall() {
		$.ajax({
			url: "/include_areas/ajax.handler.php",
			type: "POST",
			cache: true,
			data: "block=basketSmall",
			dataType: "html",
			success: function(data){
				$('.basketSmallBox').html(data)
			}
		});
	}
});

Вот html при работе кода, это когда ссылка не нажата
<div id="headerTel" class="">
	<div class="basketLineBox"><a href="#basket">В корзине <b>3</b> товара</a></div>
	<div class="basketSmallBox" style="display: none;">
		<span class="title"></span>
		<h3>Позиции в Вашей корзине:</h3>
		<div class="basketThing">
			<p class="smallName"><a href="#" title="Поддон" class="underline">Поддон</a></p>
			<p class="smallPrice">Цена:&nbsp;138.06 руб.</p>
			<p class="smallQuantity">Количество:&nbsp;2.00</p>
		</div>
		<div class="basketThing">
			<p class="smallName"><a href="#" title="Поддон" class="underline">Поддон</a></p>
			<p class="smallPrice">Цена:&nbsp;159.30 руб.</p>
			<p class="smallQuantity">Количество:&nbsp;20.00</p>
		</div>
		<div class="basketThing">
			<p class="smallName"><a href="#" title="Поддон" class="underline">Поддон</a></p>
			<p class="smallPrice">Цена:&nbsp;236.00 руб.</p>
			<p class="smallQuantity">Количество:&nbsp;1.00</p>
		</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>

А это когда ссылка нажата:
<div id="headerTel" class="dropped">
	<div class="basketLineBox"><a href="#basket">В корзине <b>3</b> товара</a></div>
	<div class="basketSmallBox" style="display: block;">
		<span class="title"></span>
		<h3>Позиции в Вашей корзине:</h3>
		<div class="basketThing">
			<p class="smallName"><a href="#" title="Поддон" class="underline">Поддон</a></p>
			<p class="smallPrice">Цена:&nbsp;138.06 руб.</p>
			<p class="smallQuantity">Количество:&nbsp;2.00</p>
		</div>
		<div class="basketThing">
			<p class="smallName"><a href="#" title="Поддон" class="underline">Поддон</a></p>
			<p class="smallPrice">Цена:&nbsp;159.30 руб.</p>
			<p class="smallQuantity">Количество:&nbsp;20.00</p>
		</div>
		<div class="basketThing">
			<p class="smallName"><a href="#" title="Поддон" class="underline">Поддон</a></p>
			<p class="smallPrice">Цена:&nbsp;236.00 руб.</p>
			<p class="smallQuantity">Количество:&nbsp;1.00</p>
		</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>

Нужно чтобы выходило вот так:
<div id="headerTel" class="dropped">
	<div class="basketLineBox"><a href="#basket">В корзине <b>3</b> товара</a></div>
	<div class="basketSmallBox" style="display: block;">
		<span class="title"><a href="#basket">В корзине <b>3</b> товара</a></span>
		<h3>Позиции в Вашей корзине:</h3>
		<div class="basketThing">
			<p class="smallName"><a href="#" title="Поддон" class="underline">Поддон</a></p>
			<p class="smallPrice">Цена:&nbsp;138.06 руб.</p>
			<p class="smallQuantity">Количество:&nbsp;2.00</p>
		</div>
		<div class="basketThing">
			<p class="smallName"><a href="#" title="Поддон" class="underline">Поддон</a></p>
			<p class="smallPrice">Цена:&nbsp;159.30 руб.</p>
			<p class="smallQuantity">Количество:&nbsp;20.00</p>
		</div>
		<div class="basketThing">
			<p class="smallName"><a href="#" title="Поддон" class="underline">Поддон</a></p>
			<p class="smallPrice">Цена:&nbsp;236.00 руб.</p>
			<p class="smallQuantity">Количество:&nbsp;1.00</p>
		</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>

Знаю что проблема в коде, скорее всего в ajax, но мозгов маловато в этой теме, не могу справиться сам.
Помогите пожалуйста
Ответить с цитированием