0 Всего найдено: 22

JuniorProg Сообщение 15/04/2013 07:02 Копия темы
Прошу помощи! jQuery! ребят помогите начинающим! Вопрос вот в чем. Есть блок , в который по клику добавляются товары, выглядит это так:

<table id="tovarik"> //////// таблица товаров с товарами
<tr class="city_id" id="city_id">
</tr>
</table>

Вот код корзины

<table id="korz">
<tr id="mycart" class="mycart">
</tr>
</table>

Товар приходит в корзину в таком виде

<td id="tov1" class="tovar ui-draggable" style="display: block;">
<span class="del" style="display: inline;">x</span>
<span class="tov_name">Камера БМВ 1</span>

<label>Цена: </label>
<label class="price">112</label>
</td>

/////////////////////////////////

Я использую для оформление заказа всплывающее окно вот код блока с всплывающим окном:

<div style="display: none;">
<div id="zak_form">
<div class="box-modal">
<div class="box-modal_close arcticmodal-close">закрыть</div>

<div id="zakazanie">

</div>
<form action="#" method="POST" id="form_zakaz">

Ваше ФИО

Ваш mail

Контактный телефон

Комментарий к заказу

<textarea rows="10" cols="45" name="coment"></textarea>

<input type="submit" name="coment" id="sum" value="Оформить" />
</form>
</div>
</div>
</div>

///////////////////////////////////////////////

Блок с id ='zakazanie' сделан для того, чтобы сюда клонировались товары которые добавлены в корзину, то есть :

Добавляем товар в корзину по клику:

//////////////Добавить товар в корзину по кику///////
$(".kupit").live("click",function(){
var tovar = $(this).parent();
tovar.fadeOut(200,function(){

helmetsCount++; //////Считаем количество товаров в корзине
if(helmetsCount > 0){$('#myclear').show();} ///// Если товаров больше 0 то показываем блок с кнопкой ОФОРМИТЬ!!!!
$('#helmetsCount strong').text(helmetsCount);

summa += parseInt(tovar.find(".price").html()); //прибавляем к сумме сумму текущего элемента
$('#helmetsSumm strong').text(summa);
tovar.appendTo('#korz').fadeIn(300);
$(this).find('.kupit').hide();
$(this).find('.del').show();
$(this).clone().appendTo('#zakazanie').show(); ////// Клонируем товар в блок с id= "zakazanie"
});
});
////////////////////////////////////////////////////////////////////

Далее, по клику на <span class="del" style="display: inline;">x</span> товар выбрасывается из корзины, все нормально работает:

/////////////////////////Удалить товар из корзины по клику//////////
$(".del").live("click",function(){
var tovar = $(this).parent();
tovar.fadeOut(200,function(){
helmetsCount--;
if(helmetsCount == 0){$('#myclear').hide();}
$('#helmetsCount strong').text(helmetsCount);

summa -= parseInt(tovar.find(".price").html()); //прибавляем к сумме сумму текущего элемента
$('#helmetsSumm strong').text(summa);
tovar.appendTo('#city_id').fadeIn(300);
$(this).find('.kupit').show(); // показать кнопку "В корзину"
$(this).find('.del').hide();

});
});

////////////////////////////////////////////////////////////////////

Вопрос в чем: я не могу выбрать элемент из блока id="zakazanie"
Для того чтобы он удалялся вместе с элементом из корзины
,

Помогите пожалуйста....... Пробовал разные варианты, видимо не хватает головы =(

modi34 Сообщение 15/04/2013 08:02 Копия темы
www.webresourcesdepot.com...

modi34 Сообщение 15/04/2013 08:06 Копия темы
www.webresourcesdepot.com...

JuniorProg Сообщение 15/04/2013 08:07 Копия темы
Спасибо за ссылку на корзину, но я писал выше все что есть у меня. И вопрос именно в этом. Если бы хотел уже давно бы в сети нашел корзину.... но это все не то ... хочу сам! в этом примере данные грузятся ajax в корзину, мне это не нужно, и нету того чего я говорил....... Все что есть на примере у меня реализовано и работает на ура..... а вот дальше уже проблема

JuniorProg Сообщение 15/04/2013 08:10 Копия темы

modi34 Сообщение 15/04/2013 08:10 Копия темы
ок, но если вам нужна помощь то вы задачу корректно опишите иначе вам никто не поможет)

а если хотите сами то зачем тут помощи просите?)

JuniorProg Сообщение 15/04/2013 08:11 Копия темы
Прочтите пожалуйста то что я написал в задании, и в вопросе

zelenin_av Сообщение 15/04/2013 09:08 Копия темы
Вопрос в чем: я не могу выбрать элемент из блока id="zakazanie"
Для того чтобы он удалялся вместе с элементом из корзины

что значит не можете выбрать?

почему у вас везде live вместо on?

JuniorProg Сообщение 15/04/2013 09:15 Копия темы
live я думаю не существенно, потом поменяю на ON.

Не могу выбрать --- есть код добавления
Добавляем товар в корзину по клику:

//////////////Добавить товар в корзину по кику///////
$(".kupit").live("click",function(){
var tovar = $(this).parent();
tovar.fadeOut(200,function(){

helmetsCount++; //////Считаем количество товаров в корзине
if(helmetsCount > 0){$('#myclear').show();} ///// Если товаров больше 0 то показываем блок с кнопкой ОФОРМИТЬ!!!!
$('#helmetsCount strong').text(helmetsCount);

summa += parseInt(tovar.find(".price").html()); //прибавляем к сумме сумму текущего элемента
$('#helmetsSumm strong').text(summa);
tovar.appendTo('#korz').fadeIn(300);
$(this).find('.kupit').hide();
$(this).find('.del').show();
$(this).clone().appendTo('#zakazanie').show(); ////// Клонируем товар в блок с id= "zakazanie"
});
});
////////////////////////////////////////////////////////////////////

То есть теперь блок с id='korz' содержит элемент, и соответственно я склонировал его в блок id='zakazanie'

Для того чтобы удалить товар из блока id='korz'

я пишу след код:
/////////////////////////Удалить товар из корзины по клику//////////
$(".del").live("click",function(){
var tovar = $(this).parent();
tovar.fadeOut(200,function(){
helmetsCount--;
if(helmetsCount == 0){$('#myclear').hide();}
$('#helmetsCount strong').text(helmetsCount);

summa -= parseInt(tovar.find(".price").html()); //прибавляем к сумме сумму текущего элемента
$('#helmetsSumm strong').text(summa);
tovar.appendTo('#city_id').fadeIn(300);
$(this).find('.kupit').show(); // показать кнопку "В корзину"
$(this).find('.del').hide();

});
});

////////////////////////////////////////////////////////////////////

var tovar = $(this).parent(); ----- это я выбираю элемент который нужно удалить, с блока id="korz" удаляется все нормально,
Но я не знаю как обратиться к этому же элементу только в блоке id="zakazanie"

JuniorProg Сообщение 15/04/2013 09:27 Копия темы
В общем вопрос в том: Как вытащить текущий элемент $(this) по которому был клик, из другого блока

zelenin_av Сообщение 15/04/2013 09:45 Копия темы
да сделайте уже демку... вопрос решится через 5 минут.

JuniorProg Сообщение 15/04/2013 09:48 Копия темы

JuniorProg Сообщение 15/04/2013 09:51 Копия темы
Скажите какая нужна демка? Просто пример в сети? или же пример с кодом ?

modi34 Сообщение 15/04/2013 09:52 Копия темы
ну что вы) какая демка) человек боится за безопасность своей интеллектуальной собственности) – вот так возьмете и начнете использовать этот код в своих проектах)))))

так что тем кто хочет помочь придется компилить и дебажить у себя в головах)

zelenin_av Сообщение 15/04/2013 09:54 Копия темы
думаю, jsfiddle.net будет удобно

JuniorProg Сообщение 15/04/2013 09:55 Копия темы
Уважаемый Олей Буйлов, я где то писал что это моя интелектуальная собственность или что? Или же я где то написал что неееет Вы что не дай бог Вы будете это где то использовать? Я с радостью дам пример и демку, только скажите какую нужно

JuniorProg Сообщение 15/04/2013 10:23 Копия темы
Вот сделал... прошу сильно не пинайте, первый раз делаю тут демку

jsfiddle.net/fPxS9/

JuniorProg Сообщение 15/04/2013 10:30 Копия темы
jsfiddle.net/fPxS9/

zelenin_av Сообщение 15/04/2013 11:19 Копия темы
jsfiddle.net/zelenin/fPxS...
каждому товару присваиваем уникальный data-item вместо id, который должен быть уникальный на странице <td id="tov1" data-item="tov1" class="tovar ui-draggable"><span class="del">

var tovar = $(this).parent();
var item=tovar.data('item'); // присваиваем data переменной

$('#zakazanie').find('[data-item="'+item+' "]').appendTo('#city_id'); // ищем div с data

zelenin_av Сообщение 15/04/2013 11:23 Копия темы
var tovar = $(this).parent();
такие конструкции чреваты тем, что все перестанет работать после изменения верстки.. Надо так:

var tovar = $(this).closest( '.tovar' );

JuniorProg Сообщение 15/04/2013 11:40 Копия темы
СПАСИБО ВАМ ОГРОМНОЕ ЗА ПОМОЩЬ! ЗА ПОТРАЧЕННОЕ ВРЕМЯ!!!! Вы боооольшой специалист! Спасибо

JuniorProg Сообщение 15/04/2013 11:40 Копия темы
Благодарю за подсказку