Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
Strategius

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

Recommended Posts

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

Edited by Strategius

Share this post


Link to post
Share on other sites

/public/js/ips.topic.js

 

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

 

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

 

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

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

Edited by Strategius

Share this post


Link to post
Share on other sites
jQuery( '#newContent-' + ipb.topic.topPid ).toggle( "puff" );

Share this post


Link to post
Share on other sites

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

 

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

Share this post


Link to post
Share on other sites

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

  • Upvote 1

Share this post


Link to post
Share on other sites

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

Edited by Strategius

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

ссылку в лс

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

Share this post


Link to post
Share on other sites
покажите пример, как работает.) ссылку в лс

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

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...