Четверг, 10 Октября 2024, 08:54

Приветствую Вас Гость

[ Новые сообщения · Игроделы · Правила · Поиск ]
  • Страница 1 из 1
  • 1
[JS, jQuery] Как выводить сообщения и скрывать их.
dima9595Дата: Четверг, 10 Марта 2016, 21:08 | Сообщение # 1
почти ветеран
Сейчас нет на сайте
Переписал вопрос...
Есть блок
Код
#alerts

Есть кнопки, нажав на которые будут выводиться соответствующие
Код
.alerts alerts-success
или
Код
.alerts alerts-error

Планировал выводить туда сообщения средствами 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, Благодарю. Сработало)
Всем помогающим - от меня плюсы)


  • Страница 1 из 1
  • 1
Поиск:

Все права сохранены. GcUp.ru © 2008-2024 Рейтинг