Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.04.2015, 20:40
Новичок на форуме
Отправить личное сообщение для Andrew_Nest Посмотреть профиль Найти все сообщения от Andrew_Nest
 
Регистрация: 27.04.2015
Сообщений: 9

Необычный счётчик на JS(как вк)
И так, я думаю решение моей задачи будет интересно, я уже 2 дня прорыскал яндекс и гугл, а решения не нашёл.
Суть в том что надо сделать счётчик оповещений как вк(когда к вам приходит новое сообщение, в левом меню плавно появляется цифра 1, затем она уходит вниз/вверх и появляется следующая...)

Это у меня вот так, а вот вконтакте




Я даже не представляю как это реализовать, так что JS даже не начал писать, только CSS готов.
В общем, поможете реализовать такой анимированный счётчик?
Ответить с цитированием
  #2 (permalink)  
Старый 28.04.2015, 09:23
Кандидат Javascript-наук
Отправить личное сообщение для Brutus Посмотреть профиль Найти все сообщения от Brutus
 
Регистрация: 24.11.2013
Сообщений: 127

А как ты решил проблему с получением сообщений от сервера без перезагрузки страницы, если даже этот счетчик не можешь сделать?
Ответить с цитированием
  #3 (permalink)  
Старый 28.04.2015, 10:34
Новичок на форуме
Отправить личное сообщение для Andrew_Nest Посмотреть профиль Найти все сообщения от Andrew_Nest
 
Регистрация: 27.04.2015
Сообщений: 9

С помощью ajax... Я помощи прошу по анимации jqwery
Ответить с цитированием
  #4 (permalink)  
Старый 29.04.2015, 10:42
Интересующийся
Отправить личное сообщение для Patr56 Посмотреть профиль Найти все сообщения от Patr56
 
Регистрация: 27.07.2014
Сообщений: 10

Тогда обновляй через callback после успешного AJAX
function (newCountFromMyBestServerSide) {
    var bageMyFriendNumber = $('.bage-my-friend-number');
    var count = bageMyFriendNumber.html();
    count = Number(count )+Number(newCountFromMyBestServerSide);
    bageMyFriendNumber.html(count );
}


чет не на то ответил)))

для эффекта слайдинга, можно div внутри которого находится число задать overflov:hidden
и используя $('.bage-my-friend-number').animate() сдвигать внутренний div, со старым значением и новым, и сперва обновить значения в новом, а потом все вместе двигать

Последний раз редактировалось Patr56, 29.04.2015 в 10:52.
Ответить с цитированием
  #5 (permalink)  
Старый 29.04.2015, 12:38
Новичок на форуме
Отправить личное сообщение для Andrew_Nest Посмотреть профиль Найти все сообщения от Andrew_Nest
 
Регистрация: 27.04.2015
Сообщений: 9

Проверю, мне предлагали с помощью картинки, но я считаю это глупо с помощью картинки решать проблему с простой анимации в 21 веке
Ответить с цитированием
  #6 (permalink)  
Старый 29.04.2015, 18:01
Аватар для Safort
Профессор
Отправить личное сообщение для Safort Посмотреть профиль Найти все сообщения от Safort
 
Регистрация: 23.12.2013
Сообщений: 1,856

Andrew_Nest,
скажи это тем, кто верстает под IE.
Ответить с цитированием
  #7 (permalink)  
Старый 29.04.2015, 23:52
Новичок на форуме
Отправить личное сообщение для Andrew_Nest Посмотреть профиль Найти все сообщения от Andrew_Nest
 
Регистрация: 27.04.2015
Сообщений: 9

Работает, я даже не знаю как отблагодарить), с воскресенья(25.04.15) гуглю..., кстате, ещё круче чем в вк)
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Счетчик обратного времени (эпоха unix) skillful AJAX и COMET 0 07.07.2014 17:09
Помогите доработать счетчик JS Deymos Общие вопросы Javascript 3 26.01.2014 21:19
Как вывести счетчик посещений на AJAX? CrossFire Элементы интерфейса 0 13.03.2013 13:19
добавить счетчик в счетчик dimon76 Events/DOM/Window 1 28.06.2011 23:06
Помогите усовершенствовать счетчик fredrsf Элементы интерфейса 1 30.06.2010 15:38