Перейти к содержанию
pasha77

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

Рекомендуемые сообщения

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты


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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты


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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

после:

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

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

 

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

 

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

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

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

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

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

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

				$('.heading a').click(function(){
					$('.success').fadeOut('slow');
				});
По логике между $('.success').fadeIn('slow');  и $('.success').fadeOut(4500);

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.