Question: I was being creative again and couldn't sleep, so I made 2 optional events (1st-timer following: http://www.avacweb.com/t1303-plug-in-add-animation-to-opening-closing-the-chat#23049 as a guideline) for the bottom menus, but... Will it work? I tested it and came to the conclusion I don't know what this avacweb_chat.button.style.backgroundColor should be replaced with and/or what the proper onopen calls for the different buttons are to make this work ...
Fading in and out menus:
I also tried something like this:
Sliding up and down menus:
Is there a list available for AWC to supplement the only 'onopen' and 'onclose' functions I'm aware of? Because I'd also like to further tweak and restyle my AWC and have the buttons to light up in a different color when selected.
Fading in and out menus:
- Code:
[panda=js]
avacweb_chat_config.add_event('onopenprefs', function(e) {
e.preventDefault();
$('#achat_user_prefs').fadeIn(900);
avacweb_chat.button.style.backgroundColor = '';
});
avacweb_chat_config.add_event('oncloseprefs', function(e) {
e.preventDefault();
$('#achat_user_prefs').fadeOut(900);
});
avacweb_chat_config.add_event('onopensmilies', function(e) {
e.preventDefault();
$('#achat_smilies').fadeIn(900);
avacweb_chat.button.style.backgroundColor = '';
});
avacweb_chat_config.add_event('onclosesmilies', function(e) {
e.preventDefault();
$('#achat_smilies').fadeOut(900);
});
avacweb_chat_config.add_event('onopencolors', function(e) {
e.preventDefault();
$('#achat_colors').fadeIn(900);
avacweb_chat.button.style.backgroundColor = '';
});
avacweb_chat_config.add_event('onclosecolors', function(e) {
e.preventDefault();
$('#achat_colors').fadeOut(900);
});
I also tried something like this:
- Code:
[panda=js]avacweb_chat_config.add_event('onopenprefs', function(e) {
e.preventDefault();
$('#achat_user_prefs').click(function() {
$('#achat_user_prefs').fadeIn(900)});
});
avacweb_chat_config.add_event('oncloseprefs', function(e) {
e.preventDefault();
$('#achat_user_prefs').click(function() {
$('#achat_user_prefs').fadeOut(900)});
});
Sliding up and down menus:
- Code:
[panda=js]
avacweb_chat_config.add_event('onopenprefs', function(e) {
e.preventDefault();
$('#achat_user_prefs').slideUp(900);
avacweb_chat.button.style.backgroundColor = '';
});
avacweb_chat_config.add_event('oncloseprefs', function(e) {
e.preventDefault();
$('#achat_user_prefs').slideDown(900);
});
avacweb_chat_config.add_event('onopensmilies', function(e) {
e.preventDefault();
$('#achat_smilies').slideUp(900);
avacweb_chat.button.style.backgroundColor = '';
});
avacweb_chat_config.add_event('onclosesmilies', function(e) {
e.preventDefault();
$('#achat_smilies').slideDown(900);
});
avacweb_chat_config.add_event('onopencolors', function(e) {
e.preventDefault();
$('#achat_colors').slideUp(900);
avacweb_chat.button.style.backgroundColor = '';
});
avacweb_chat_config.add_event('onclosecolors', function(e) {
e.preventDefault();
$('#achat_colors').slideDown(900);
});
Is there a list available for AWC to supplement the only 'onopen' and 'onclose' functions I'm aware of? Because I'd also like to further tweak and restyle my AWC and have the buttons to light up in a different color when selected.