LGforum (2804)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 
Mr.Easybb (1586)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 
Bloodbath (745)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 
Rukiafan (533)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 
Dom (513)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 
puppycheese (446)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 
pedro (330)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 
Neymar (301)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 
Hitsu (281)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 
Flora (275)
[PLUG-IN] Add Animation to opening & closing the chat. Vote_lcap[PLUG-IN] Add Animation to opening & closing the chat. Voting_bar[PLUG-IN] Add Animation to opening & closing the chat. Vote_rcap 


[PLUG-IN] Add Animation to opening & closing the chat.

LGforumLGforum
Status : Working to restore AWC!

Posts : 2804
Join date : 2011-10-05
Age : 27
Location : UK
Fri 24 May 2013, 10:41
This simple plug in will allow you to use jQuery toggle animations to add to AWC, to make opening and closing the chat more stylish. The code makes use of the onclose and onopen events.

Code:
[panda=js]avacweb_chat_config.add_event('onopen', function(e) {
    e.preventDefault();
    $('#avacweb_chat').slideDown();
    avacweb_chat.button.style.backgroundColor = '';
});
avacweb_chat_config.add_event('onclose', function(e) {
    e.preventDefault();
    $('#avacweb_chat').slideUp();
});
avatartommycoo
Status : No status yet...

Posts : 205
Join date : 2011-12-03
Age : 25
Location : indonesia
Fri 24 May 2013, 19:15
can i request a plug in for announcement maybe ?
LGforumLGforum
Status : Working to restore AWC!

Posts : 2804
Join date : 2011-10-05
Age : 27
Location : UK
Sat 25 May 2013, 00:49
Your going to have a to explain more, and this would not be the place.
AthazelAthazel
Status : No status yet...

Posts : 60
Join date : 2013-02-24
Age : 27
Sat 25 May 2013, 05:41
is it possible to use "fade" animation?
LGforumLGforum
Status : Working to restore AWC!

Posts : 2804
Join date : 2011-10-05
Age : 27
Location : UK
Sat 25 May 2013, 09:51
Yes just change 'slideDown' to 'fadeIn' and 'slideUp' to 'fadeOut'
AthazelAthazel
Status : No status yet...

Posts : 60
Join date : 2013-02-24
Age : 27
Sat 25 May 2013, 13:07
Thanks a lot.
(I tried yesterday at night and I changed it to FadeUp FadeDown -facedesk-)
avatarSpeciallegion
Status : No status yet...

Posts : 16
Join date : 2013-06-25
Fri 12 Jul 2013, 18:56
Is there an animation that makes the chatbox *slide* up, then to the left?
HitsuHitsu
Status : Finished on working fmAPI.

Posts : 281
Join date : 2013-09-09
Age : 22
Location : Indonesia
Sun 15 Sep 2013, 09:57
Based on LG's code and Athazel's idea,this is my version:

Code:
[panda=js]avacweb_chat_config.add_event('onopen', function(e) {
    e.preventDefault();
    $('#avacweb_chat').fadeIn();
    avacweb_chat.button.style.backgroundColor = '';
});
avacweb_chat_config.add_event('onclose', function(e) {
    e.preventDefault();
    $('#avacweb_chat').fadeOut();
});
AthazelAthazel
Status : No status yet...

Posts : 60
Join date : 2013-02-24
Age : 27
Fri 06 Mar 2015, 04:42
works with AWC 2.0 test
Sponsored content