[JS, jQuery] Как выводить сообщения и скрывать их.
|
|
dima9595 | Дата: Четверг, 10 Марта 2016, 21:08 | Сообщение # 1 |
почти ветеран
Сейчас нет на сайте
| Переписал вопрос... Есть блок Есть кнопки, нажав на которые будут выводиться соответствующие Код .alerts alerts-success или Планировал выводить туда сообщения средствами jQuery. Так же, мне нужно скрывать эти элементы через n-секунд. Как это сделать.
PS: Нажал кнопку - появилось сообщение и через n-секунд пропало. Кнопку можно много раз нажать. Надеюсь на вашу помощь!)
Сообщение отредактировал dima9595 - Пятница, 11 Марта 2016, 23:24 |
|
| |
Vostrugin | Дата: Четверг, 10 Марта 2016, 22:15 | Сообщение # 2 |
постоянный участник
Сейчас нет на сайте
| Твой fadeOut применяется ко всему блоку #alerts, а не к конкретному элементу.
|
|
| |
JackNazaryan | Дата: Четверг, 10 Марта 2016, 22:18 | Сообщение # 3 |
старожил
Сейчас нет на сайте
| Попробуй $('#alerts')[0] вместо $('#alerts')
И вообще, PHP тут ни при чем, это JavaScript
|
|
| |
dima9595 | Дата: Четверг, 10 Марта 2016, 23:27 | Сообщение # 4 |
почти ветеран
Сейчас нет на сайте
| Цитата JackNazaryan ( ) И вообще, PHP тут ни при чем, это JavaScript Да-да, только что заметил. Спасибо что поправили) Загнался уже)
|
|
| |
dima9595 | Дата: Четверг, 10 Марта 2016, 23:30 | Сообщение # 5 |
почти ветеран
Сейчас нет на сайте
| Цитата JackNazaryan ( ) Попробуй $('#alerts')[0] вместо $('#alerts') Трогать массивы не охота)
Есть ещё способы?
PS: Метод вызывается при нажатии кнопки. Может на новый вызов повесить что-то типо ID, который будет сверяться с .alert и удаляться при совпадении?
|
|
| |
dima9595 | Дата: Пятница, 11 Марта 2016, 23:24 | Сообщение # 6 |
почти ветеран
Сейчас нет на сайте
| Переписал вопрос...надеюсь на вашу помощь!
|
|
| |
JackNazaryan | Дата: Суббота, 12 Марта 2016, 00:05 | Сообщение # 7 |
старожил
Сейчас нет на сайте
| Код <input type='button' value='Я КНОПКА, НАЖМИ МЕНЯ' onclick='button_click()'> <script> function button_click() { $.each( $('.alerts-success'), function(k, v) { // для каждого элемента с таким классом v.style.display = 'block'; // выводим setTimeout(function() { v.style.display = 'none'; }, 1000); // 1 секунда и исчезло }); } </script>
Настрочил на коленке, не проверял. Надеюсь, то, что вам надо.
Сообщение отредактировал JackNazaryan - Суббота, 12 Марта 2016, 00:06 |
|
| |
dima9595 | Дата: Суббота, 12 Марта 2016, 01:06 | Сообщение # 8 |
почти ветеран
Сейчас нет на сайте
| JackNazaryan, благодарю, сегодня утром протестирую)
|
|
| |
dima9595 | Дата: Суббота, 12 Марта 2016, 18:59 | Сообщение # 9 |
почти ветеран
Сейчас нет на сайте
| JackNazaryan, к сожалению не подходит
|
|
| |
DarkShade | Дата: Суббота, 12 Марта 2016, 19:47 | Сообщение # 10 |
Повелитель стихий
Сейчас нет на сайте
| Код $(document).ready(function() { $("#notify").click(function() { $('<div class=".alert-success">Notify!</div>').appendTo("#alerts").fadeOut(1000, function() { $(this).remove(); }); }); });
Мой блог
|
|
| |
dima9595 | Дата: Суббота, 12 Марта 2016, 20:01 | Сообщение # 11 |
почти ветеран
Сейчас нет на сайте
| DarkShade, Благодарю. Сработало) Всем помогающим - от меня плюсы)
|
|
| |