[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Всплывающие подсказки
nugle
У меня есть каталог товаров, кнопка купить, всё это выводиться в цикле. По нажатию по кнопке купить, товар добавляется ajax'ом в корзину, но это не заметно если не смотреть на корзину...Что бы было заметно надо сделать всплывающую подсказку, сделал так

echo " <img class='img' src='images/articles/".$row['img1']."' alt='Журналы' width='".$row['width']."px' height='".$row['heigth']."px' />
<a class='a_href' href='articles_all.php?id="
.$row['id']."'>".$row['name']."</a><br /><br />
<div class='text_art'>Артикул: "
.$row['articul']."<br />Число листов: ".$row['pages']."</div><br />
<div class = 'price'><strong>Розничная цена: "
.$row['price'].".00руб.*</strong></div>
<div class = 'price'><strong>Оптовая цена: "
.$row['price_opt'].".00руб.*</strong></div>
<div style='margin-left:380px; margin-bottom: -15px;' class='text_but'>Товар успешно добавлен в корзину</div>
<a style='margin-left:130px;' class='f-right-art'>
<img onclick = 'getRequest("
.$row['id'].")' class= 'but_img' style='float:right; margin-top: 25px; cursor:pointer;' src='купить.jpg' width='176' height='82' alt='Купить' /></a>
<div style='color:#ccc;' class='view'><p style = 'margin-left: 170px;'>Просмотров: "
.$row['views']."</p></div><br />";
}


По клику по кнопке появляется потом исчезает, но есть большое НО. Это то что всё же как я сказал выводиться в цикле, т.е. по одной кнопке купить над всеми кнопками появляеться надпись товар успешно добавлен...Как сделать так, чтобы только над одной кнопкой появлялась надпись
код JQ:


$('.but_img').click(function(){
$('.text_but').fadeIn(1000);
$('.text_but').fadeOut(1000);


});




Спустя 5 минут, 35 секунд (8.02.2011 - 13:42) Snus написал(а):
$('.but_img').click(function(){
$(this).parent().prev('.text_but').fadeIn(1000);
$(this).parent().prev('.text_but').fadeOut(1000);
});

Спустя 2 часа, 1 минута (8.02.2011 - 15:43) nugle написал(а):
Всё спасибо, работает
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.