[РЕШЕНО] Плавное пропадание div.success через некоторые время.

[pasha77]

Как сделать, чтобы уведомления (div class="success") через некоторое время закрывались. Т.е. допустим добавил товар в корзину, увидел сообщение, и если его не закрыл оно само пропадает (желательно плавно исчезает) через 5 сек.

[Baco]

$('.success').delay(4500).fadeOut('slow');

[pasha77]

Благодарю. Еще вопрос. Нужно чтобы уведомление также пропадало при нажатии на корзину.

<?php echo $cart; ?>
 <script>
$('.heading a').click(function(){
  $('.success').fadeOut('slow');
});
</script>

Данный скрипт срабатывает только один раз, подскажите почему так?

Второй раз уведомление уже не скрывается.

[pasha77]

пробывал также добавить в common.js - разницы нет.

 

предложенный код во втором сообщении вообще не работает почему то..

[Baco]

$('.success').fadeOut(4500);

[pasha77]

куда это добавить? в хедер после вызова корзины добавляю - не работает...

[Baco]

после:

$('.success').fadeIn('slow');

[pasha77]

И что получится? В header.tpl

<?php echo $cart; ?>
 <script>
$('.heading a').click(function(){
  $('.success').fadeOut('slow');
  $('.success').fadeOut(4500);
});
</script>

Уберите статус РЕШЕНО пожалуйста у темы.

 

1. Уведомление само не исчезает.

2. При клике в область корзины исчезает только 1 раз, второй раз скрипт не срабатывает.

[Baco]

Паша, найди функцию function addToCart(  в файле catalog\view\javascript\common.js

 

там найди строку:

$('.success').fadeIn('slow'); 

и после неё добавь:

$('.success').fadeOut(4500);

если для хедера нужно, используй toggle

[pasha77]

Спасибо, сработало!)) 

Последний вопрос, куда этот код добавить?

				$('.heading a').click(function(){
					$('.success').fadeOut('slow');
				});

По логике между $('.success').fadeIn('slow');  и $('.success').fadeOut(4500);

но так не работает..

У меня просто эта всплывающая подсказка появляется под корзиной, типа как на http://wikimart.ru/. Соответственно одновременно с выпадением списка корзины уведомление должно пропадать