Анимация сообщения в быстром ответе - Дизайн и модификация Invision Power Board

Перейти к содержимому

 

Правила раздела

Здесь обсуждаются вопросы по настройке и администрированию форумов IPB 3.x.
Пожалуйста, не оффтопьте, если зашли сюда случайно, и обратите внимание на соседние разделы.
Установка, настройка и обслуживание форумов IPB 2.x.
Оформление форумов, включая верстку скинов.
Размещение рекламы на форумах.
SEO оптимизация форума.
Техническая поддержка наших скинов и модов.

СвернутьПрикрепленные теги

Теги не найдены

  • 2 Страниц +
  • 1
  • 2

Анимация сообщения в быстром ответе

#1 Пользователь не на сайте   Strategius ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 385
  • Регистрация: 27-Март 16
  • Репутация: 29
  • IPB version:3.4.x
 

Отправлено 28 Сентябрь 2016 - 19:15

Здравствуйте. Подскажите, пожалуйста, обыскался уже, где прописана анимация ajax-отправки сообщений в тройке? Т.е. когда отправляешь сообщение, и оно появляется на странице, разворачиваясь вниз. Хотелось бы поменять эту анимацию на другую, плавную, потому что добавил отступ margin для .post_block, и теперь анимация вообще дерганно производится...

Сообщение изменено: Strategius (28 Сентябрь 2016 - 19:18)

0

#2 Пользователь на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 691
  • Регистрация: 20-Март 09
  • Репутация: 2 261
  • IPB version:3.1.x
 

Отправлено 28 Сентябрь 2016 - 19:37

/public/js/ips.topic.js

$( 'newContent-' + ipb.topic.topPid).hide();
new Effect.BlindDown( 'newContent-' + ipb.topic.topPid, { duration: 0.5, queue: 'front' } );

1

#3 Пользователь не на сайте   Strategius ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 385
  • Регистрация: 27-Март 16
  • Репутация: 29
  • IPB version:3.4.x
 

Отправлено 28 Сентябрь 2016 - 19:43

Спасибо большое! А не подскажете, как убрать это разворачивание-анимацию, и сделать, чтобы просто проявлялось (плавно), как в четверке. хотя бы примерно?
0

#4 Пользователь на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 691
  • Регистрация: 20-Март 09
  • Репутация: 2 261
  • IPB version:3.1.x
 

Отправлено 28 Сентябрь 2016 - 19:54

Не подскажу. Смотрите в документации эффекты scriptaculous - http://madrobby.gith.../scriptaculous/
В четверке используется другая библиотека - jquery. Можно посмотреть какой эффект применяется там если на форуме подключен jquery. Хотя особого эффекта я там не заметил.
1

#5 Пользователь не на сайте   Strategius ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 385
  • Регистрация: 27-Март 16
  • Репутация: 29
  • IPB version:3.4.x
 

Отправлено 28 Сентябрь 2016 - 20:02

У меня подключен jquery! А в четверке используется красивый эффект "всплывания" сообщения) Не знаете, где его искать, где он прописан?
0

#6 Пользователь на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 691
  • Регистрация: 20-Март 09
  • Репутация: 2 261
  • IPB version:3.1.x
 

Отправлено 28 Сентябрь 2016 - 20:04

Эффекты jquery смотрите в документации Effects | jQuery API Documentation
0

#7 Пользователь не на сайте   Strategius ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 385
  • Регистрация: 27-Март 16
  • Репутация: 29
  • IPB version:3.4.x
 

Отправлено 28 Сентябрь 2016 - 20:28

Понял, спасибо) Не получается только подключить этот эффект у меня... http://api.jqueryui.com/puff-effect/

Там анимация в этих строках прописана:

$( document ).click(function() {
  $( "#toggle" ).toggle( "puff" );

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

Сообщение изменено: Strategius (28 Сентябрь 2016 - 20:28)

0

#8 Пользователь на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 691
  • Регистрация: 20-Март 09
  • Репутация: 2 261
  • IPB version:3.1.x
 

Отправлено 28 Сентябрь 2016 - 20:33

jQuery( '#newContent-' + ipb.topic.topPid ).toggle( "puff" );

0

#9 Пользователь не на сайте   Strategius ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 385
  • Регистрация: 27-Март 16
  • Репутация: 29
  • IPB version:3.4.x
 

Отправлено 28 Сентябрь 2016 - 20:42

Спасибо, но не работает анимация, к сожалению... Меняю блок

$( 'newContent-' + ipb.topic.topPid).hide();
new Effect.BlindDown( 'newContent-' + ipb.topic.topPid, { duration: 0.5, queue: 'front' } );

на:

$( 'newContent-' + ipb.topic.topPid).hide();
jQuery( '#newContent-' + ipb.topic.topPid ).toggle( "puff" );

Причем в коде он 2 раза встречается, заменяю, вообще не работает анимация...
0

#10 Пользователь на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 691
  • Регистрация: 20-Март 09
  • Репутация: 2 261
  • IPB version:3.1.x
 

Отправлено 28 Сентябрь 2016 - 20:48

На странице должен быть подключен jQuery UI. И смотрите ошибки в консоли ошибок javascript.
1

#11 Пользователь не на сайте   Strategius ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 385
  • Регистрация: 27-Март 16
  • Репутация: 29
  • IPB version:3.4.x
 

Отправлено 28 Сентябрь 2016 - 20:58

Подключил, анимация заработала) Спасибо огромное! А как узнать, какая анимация используется в IPS4 ?

Сообщение изменено: Strategius (28 Сентябрь 2016 - 21:00)

0

#12 Пользователь на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 691
  • Регистрация: 20-Март 09
  • Репутация: 2 261
  • IPB version:3.1.x
 

Отправлено 28 Сентябрь 2016 - 21:13

Просмотреть сообщениеStrategius сказал(а):

А как узнать, какая анимация используется в IPS4 ?

Очевидно найти где она прописана и посмотреть, других вариантов я не знаю.
0

#13 Пользователь на сайте   Атаман ответил: »

 
 
  • Advanced
  • Смотреть блог
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins.ru Team
  • Сообщений: 2 141
  • Регистрация: 13-Апрель 12
  • Репутация: 326
  • Откуда:no
  • IPB version:1.x
 

Отправлено 28 Сентябрь 2016 - 21:28

покажите пример, как работает.) ссылку в лс
0

#14 Пользователь на сайте   siv1987 ответил: »

 
 
  • Advanced
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: IPB Skins Team
  • Сообщений: 8 691
  • Регистрация: 20-Март 09
  • Репутация: 2 261
  • IPB version:3.1.x
 

Отправлено 28 Сентябрь 2016 - 21:32

Просмотреть сообщениеАтаман сказал(а):

ссылку в лс

У него на локалхосте, пока еще тестирует форум, все еще ждем когда это чудо появится в открытом доступе.
0

#15 Пользователь не на сайте   Strategius ответил: »

 
 
  • Advanced
  • ***
  • Insert nick to fast reply form
  • Quote selected text to fast reply form
  • Группа: Пользователи
  • Сообщений: 385
  • Регистрация: 27-Март 16
  • Репутация: 29
  • IPB version:3.4.x
 

Отправлено 28 Сентябрь 2016 - 23:16

Цитата

покажите пример, как работает.) ссылку в лс

1. /public/js/ips.topic.js

Ищем:

if ( $( 'newContent-' + ipb.topic.topPid ) )
{
$( 'newContent-' + ipb.topic.topPid).hide();
new Effect.BlindDown( 'newContent-' + ipb.topic.topPid, { duration: 0.5, queue: 'front' } );
}

Заменяем на:

if ( $( 'newContent-' + ipb.topic.topPid ) )
{
$( 'newContent-' + ipb.topic.topPid).hide();
jQuery( '#newContent-' + ipb.topic.topPid ).toggle( "fade" );
}

2. В шаблон globamTemplate добавляем:

<link rel="stylesheet" href="//code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.css">
<script src="//code.jquery.com/jquery-1.11.3.js"></script>
<script src="//code.jquery.com/ui/1.11.3/jquery-ui.js"></script>

P.S. - Не работать может из-за подключений нескольких библиотек JQuery одновременно.
1

Сообщить об этой теме:


  • 2 Страниц +
  • 1
  • 2


Быстрый ответ

  

1 пользователей читают эту тему
0 зарегистрированных, 1 гостей, 0 скрытых


Контактная информация

Вопросы по работе сайта

+7 (917) 501-4765
C 10 до 20 в рабочие дни (время московское)

Техническая поддержка

Контактные данные специалистов

Дизайн форумов

IPB 3.x ¦ IPB 2.x

Бесплатные шаблоны

IPB 3.2 – 3.4 ¦ IPB 3.1 ¦ IPB 3.0 ¦ IPB 2.2 – 2.3 ¦ IPB 2.1 ¦ Клипарт
Лицензия на использование ¦ Ваша поддержка ¦ О проекте
Copyright © 2005-2016 IPBSkins.ru Team
При копировании материалов с сайта
прямая ссылка на источник обязательна