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

[Strategius 52]

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

Изменено 28 сентября 2016 пользователем Strategius

[siv1987 2628]

/public/js/ips.topic.js

 

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

[Strategius 52]

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

[siv1987 2628]

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

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

[Strategius 52]

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

[siv1987 2628]

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

[Strategius 52]

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

 

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

 

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

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

Изменено 28 сентября 2016 пользователем Strategius

[siv1987 2628]

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

[Strategius 52]

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

 

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

[siv1987 2628]

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

[Strategius 52]

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

Изменено 28 сентября 2016 пользователем Strategius

[siv1987 2628]

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

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

[Атаман 463]

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

[siv1987 2628]

ссылку в лс

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

[Strategius 52]

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

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