Quick Reply BBCode Buttons (UBBC)

[GooRoo]

I scanned the first half dozen or so pages of this thread, then the last two pages, but did not find an answer to my question, so here it is:

Can I use this plug-in to replace the images in the 'generic' Version 5 post with my own custom button gadgets?  And if so, does the plug-in support rollover/select alternate images?

Under Version 4.5 I had buttons that were similar in appearance to a switch used in the puzzle game my Forum supports, so I had which would be replaced with when the mouse moved over the image. Would this already be supported by the plug-in? If not, would it be a reasonable request to add the capability?

BTW, I added in the URLs for the images which should be displayed when the various posting buttons are selected, but they are not displayed, even when the button is actually pressed, much less if the mouse merely moves over the 'normal' button.

[Chris]

Jan 21, 2014 16:45:50 GMT -8 GooRoo said:

I scanned the first half dozen or so pages of this thread, then the last two pages, but did not find an answer to my question, so here it is:

Can I use this plug-in to replace the images in the 'generic' Version 5 post with my own custom button gadgets?  And if so, does the plug-in support rollover/select alternate images?

Under Version 4.5 I had buttons that were similar in appearance to a switch used in the puzzle game my Forum supports, so I had which would be replaced with when the mouse moved over the image. Would this already be supported by the plug-in? If not, would it be a reasonable request to add the capability?

BTW, I added in the URLs for the images which should be displayed when the various posting buttons are selected, but they are not displayed, even when the button is actually pressed, much less if the mouse merely moves over the 'normal' button.

It should be noted that there is a marked difference between the practical functions of the "active" images that are defined for the WYSIWYG buttons and "active" in the sense that you're trying to use it for a rollover effect. As you have correctly surmised, the V5 admin panel allows you to define your own button images and in some cases an "active" version for that button image if the function of that button can support a toggle effect. This allows you to easily recognize when the effects of a button is currently activated while typing in the preview pane of the editor. If that part is not working properly then I would suggest verifying the URLs entered (if linked) for those images in admin panel and that you are modifying the correct theme and that the images are accessible to the general public (not privately stored on a server that requires login credentials to view, for example). If you require further help with that admin panel portion of the problem then you can post in the main support board where someone capable of entering your forum with more than just guest status and can switch at will between themes can perhaps help you further.

For the other part, there is definitely no 'active' image you can define in the admin panel for a rollover effect on the buttons which is what I believe you're asking and is a completely separate issue although they unfortunately share the same 'active' name perhaps inherited from a variable's name in a very popular hover code that was used back in V4.5. This plugin does not offer any hover effect for the buttons but the following code similar in functionality to the old hover code but with V5 awareness can be placed at the bottom of your posting page layout and it should cause a hover effect over any button that has an active image defined in admin panel. If you wish to target only one particular button or perhaps use images other than those entered in the admin panel then it could be modified to do so but I saw no need to since none of those points were completely clear to me in your request.


<script type="text/javascript">
(function(){
function cleanState(){
if($(this).hasClass('button'))$('img[style]',this).removeAttr('style')
$('.bbcode-editor li.state-active').removeClass('state-active')
}
cleanState.gC = $.ui.wysiwyg.prototype._bbcodeEditor.getContent
$.ui.wysiwyg.prototype._bbcodeEditor.getContent = function(){
cleanState();
return cleanState.gC.apply(this,arguments)
}
$(function(){
$('.ui-wysiwyg .controls li.button:has(img.active)')
.each(function(i,e){
var iv = $('img:visible',this), ih = $('img:not(:visible)',this)
if($('img:not(:visible)',this).length){
$(this).hover(function(){
var active = $(e).hasClass('state-active');
$('img.'+ (active ? 'active' : 'inactive'), e).hide();
$('img.'+ (!active ? 'active' : 'inactive'), e).show();
},
cleanState
)
}
})
})
})()
</script>

If this is not what you were looking to do then perhaps a more detailed explanation might help.

DISCLAIMER: The code is untested (never installed on a forum) so be wary of bugs or conflicts

SPOILER: Click to show

*One potential point of conflict with the above code would be the fact that it removes the style attribute from the image. By default there is no style attribute to begin with but if a code/plugin decides to add such an attribute then there would definitely be a conflict.

[Forever Sunshine]

My board crapthenameescapesme.proboards.com/ was recently converted in the last couple of days. I'm somewhat clueless as to how things work now. 

I tried importing the UBBC code/plugin for the quick reply from the OP, it didn't work. I tried using the other versions as suggested in other posts and none worked. No buttons showed up in the quick reply. I went through and made sure boxes were checked and all threads were included, etc. Not sure what I did or didn't do that they didn't show in the quick reply but I sure would like some help in figuring out how to get it to work for my members. That's probably the biggest feature they miss the most for now.

Thanks for any help!

[Chris]

Jan 26, 2014 6:55:17 GMT -8 Forever Sunshine said:

My board crapthenameescapesme.proboards.com/ was recently converted in the last couple of days. I'm somewhat clueless as to how things work now. 

I tried importing the UBBC code/plugin for the quick reply from the OP, it didn't work. I tried using the other versions as suggested in other posts and none worked. No buttons showed up in the quick reply. I went through and made sure boxes were checked and all threads were included, etc. Not sure what I did or didn't do that they didn't show in the quick reply but I sure would like some help in figuring out how to get it to work for my members. That's probably the biggest feature they miss the most for now.

Thanks for any help!

Hi Forever Sunshine,

The forum is unfriendly to guests such as myself so I cannot see anything except the info-center but I do see the plugins and their settings. I'll assume you've figured it out since I see the plugin configuration has nothing checked on the fire tab (meaning ALL buttons and menus should appear). Checking all boxes as you said you did would mean all buttons are disabled (not appear).

The nightly (experimental) version uses a more advanced method which requires actively creating groups and adding the buttons you desire to those groups then attaching that group to an editor or text area. It's not for everyone since it is a bit more complex and is created for those who like being control freaks.

[Forever Sunshine]

Hi Eton, Yes, I had a box not checked that I believe prevented it from showing. I don't know. LOL 

I thought I had the board open for guests to view. *scratches head* Where do I go to open it up for guests to see?

[Chris]

It is open to guests but no boards are visible to guests, only the info-center

SPOILER: Click to show

[Forever Sunshine]

LOL Oooops! How do I open it for others to see everything!

[Forever Sunshine]

Never mind, I found it. LOL

[JJ]

Hi Forever Sunshine. You can do a lot over in the Admin, Structure section, and then go the Categories and Boards options. It can be a bit confusing sometimes, but to be able to open a board for help, there needs to be a place where our helpers can see the problem we are dealing with.

Here's what I do, when I think I have the site all fixed up, I log out, and then go to the site as a guest and see what a guest can see. If a guest see all the boards available but cannot open any of them or make a post, I know I need to create one for technical support. I usually create a board at the top for guests, and it is also open for posting. That way, our support team can experiment.

Good luck.

ETA: Oh good, you figured it out.  

[Forever Sunshine]

Thanks, JJ. Apparently I had my categories set to members and staff. I've changed that now. I'm a bit loopy today as I've been at this conversion effort almost all day.

[JJ]

Bless your heart, Forever Sunshine. Been there, done that. You are just beginning. Just pace yourself and don't forget to breathe. Sometimes, you will also just have to walk away. It will take you a few weeks to get all the kinks worked out. But you WILL!

[Forever Sunshine]

Yea, I know. I'm trying to be patient. Now, I installed the smiley box plugin and it's not working for me. *sigh* Could be time for bed and attack it with fresh eyes in the morning. LOL

[JJ]

Good idea, Forever Sunshine. Try not to add too many things at a time. Make sure each is functioning before you go get something else. There ARE some conflicts, and which order you have you plugins can have an effect. Sleep tight.

[Forever Sunshine]

How do I effect change to, or replace, the smileys given by ProBoards in the smiley box in the Quick Reply box. I found where they can be done in the theme section for the Reply box but am stumped as to where to do it for the Quick Reply!

HELP!  

[JJ]

Did you see that instruction on page one of this thread about how to get the smilie changes to show up in Quick Reply, Forever Sunshine? I didn't at first. You have to turn on the Shoutbox. I don't use the Shoutbox, but Eton Bones shows you how to still make this work and how to turn off the Shoutbox if you don't want to use it. Check out that first page and scroll down a bit and you will see the way to make it work.