Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
Strategius

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

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

09/28/16 16:16 (изменено)

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

Изменено пользователем Strategius

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


Ссылка на сообщение

/public/js/ips.topic.js

 

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

  • Upvote 1

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


Ссылка на сообщение

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

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


Ссылка на сообщение

Не подскажу. Смотрите в документации эффекты scriptaculous - http://madrobby.github.io/scriptaculous/

В четверке используется другая библиотека - jquery. Можно посмотреть какой эффект применяется там если на форуме подключен jquery. Хотя особого эффекта я там не заметил.

  • Upvote 1

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


Ссылка на сообщение

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

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


Ссылка на сообщение

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

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


Ссылка на сообщение
09/28/16 17:29 (изменено)

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

 

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

 

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

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

Изменено пользователем Strategius

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


Ссылка на сообщение
jQuery( '#newContent-' + ipb.topic.topPid ).toggle( "puff" );

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


Ссылка на сообщение

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

 

$( '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 раза встречается, заменяю, вообще не работает анимация...

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


Ссылка на сообщение

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

  • Upvote 1

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


Ссылка на сообщение
09/28/16 17:59 (изменено)

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

Изменено пользователем Strategius

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


Ссылка на сообщение

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

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

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


Ссылка на сообщение

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

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


Ссылка на сообщение

ссылку в лс

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

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


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

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 одновременно.

  • Upvote 1

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


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...