The Joomla! Forum ™

Hi,
I've just released the mambot  FBoxBot.
If you know lightthumb or similar bot , I suggest you give a try to my new bot (and provide feedback off course)
Main idea of this kind of bot is to help the user to create easily thumbnails from any pictures,
and when you click on the thumbnails a nice popup appears that show the image at its original size

What makes this package so special ? Firstly: I've written the
associated popup script, frontbox, which I wanted to be lightweight, polyvalent,
reliable. And Secondly: I made the process of creation of thumbnails easier than
never: inside your favorite wysiwyg editor insert a picture, resize "manually"
(see picture on site), save, publish and the bot will do the remaining job for
you ! But it has also some other nice features I discuss on the website ...

Download link: scroll at the bottom of all explanations.
You must have javascript activated in order to downlad the file.

here's the "project homepage"/"download page":
http://www.mehdiplugins.com/misc/fboxbot.htm

cheers
Mehdi

Hi mehdi!
Your plugin is masterful, congratulation. But It isn't fully clear for me, where have to take the attributes. Can you write some example, helping us? On your site tehere are a lot of them, but I don't understand. I took it at the and of html text forigsample :var.jpg" width="150" height ="150" fb:name="kezd" />, but it doesn't work. Help me please.

hi gabcsa,
thanks for your feedback.
Did you try with the "nofb" attribute ? this one should be more clear.
As soon as you add the attribute nofb, the popup is no more associated to the thumbnail.
And to get rid of the watermark , thumbnail must be "rebuild", (hence the button),
but that's an other question.

Now , let's clarify  the attribute "fb:name".
If  you tried  the javascript popup demo ,
you probably saw the ability to navigate between image with next/previous action.
This means that you define "a set", and for each image you precise to which set it belongs.
In order to test this feature, you must at least define TWO pictures that belongs to the same set.

i.e img 1:  img1.jpg" width="150" height ="150" fb:name="popo" />

and img2:  img2.jpg" width="150" height ="150" fb:name="popo" />

I thought this was obvious, but we can't say "a set", if there's only one picture that belongs to it.

Sooo... Mehdi, if you haven't read the post i left on your forum, I'll try to address the problems through the Jommla! community one so that more people having the same difficulties can easily find your feedback about fbocbot here  ;)

First of all thanks for the great Joombot... :) It looks great on your demo. I installed it in my local "testing rig" (MAMP and Joomla! 1.0.11) Though is not too clear for me how to use the mambot...

Do one needs to have Attni's lightthumb installed for fboxbot to work? If not, does the Mos Image Mambot need to be published or unpublished? Is there any code that needs to be changed in the templates to include js files from foxbot? I am a bit confused about how fboxbot works :P

TinyMCE Code cleanup and cleanup on startup - How To Disable
I disabled code cleanup and cleanup on startup.. though it was difficult to find WHERE to do that. Could you include that in your article/FAQs? (thanks!)...

I found out (after a bit of digging) where to change values so that TinyMCE would not modify my manually-placed html code to avoid removal of the fb: attributes used by fboxbot.
There are values (0 and 1) acting as boolean in the Joomla! file:
{your-Joomla-installation-root}/mambot/editors/tynymce.php
To disable the cleanups I changed the values from 1 to 0 as shown in the code highlighted in red here below:
...
function botTinymceEditorInit() {
global $mosConfig_live_site, $database, $mosConfig_absolute_path, $mainframe;

// load tinymce info
$query = "SELECT params"
. "\n FROM #__mambots"
. "\n WHERE element = 'tinymce'"
. "\n AND folder = 'editors'"
;
$database->setQuery( $query );
$database->loadObject($mambot);

$params = new mosParameters( $mambot->params );

$theme = $params->get( 'theme', 'advanced' );
// handling for former default option
if ($theme == 'default' ) {
$theme = 'advanced';
}

$toolbar = $params->def( 'toolbar', 'top' );
$html_height = $params->def( 'html_height', '550' );
$html_width = $params->def( 'html_width', '750' );
$text_direction = $params->def( 'text_direction', 'ltr' );
$content_css = $params->def( 'content_css', 1 );
$content_css_custom = $params->def( 'content_css_custom', '' );
$invalid_elements = $params->def( 'invalid_elements', 'script,applet,iframe' );
$newlines = $params->def( 'newlines', 0 );
$cleanup = $params->def( 'cleanup', 0 );
$cleanup_startup = $params->def( 'cleanup_startup', 0 );
$compressed = $params->def( 'compressed', 0 );
$relative_urls = $params->def( 'relative_urls', 1 );
...

So What's the problem now? 
I tried inserting in a new content area the following html:

 

 

 

 

 {mosimage}{mosimage}{mosimage}

 

{mosimage}{mosimage}{mosimage} 

I read on your site about the attributes that fbox uses fb:name="imagename", nofb="nofb" etc. though they seem not to work no matter if an image is inserted with or {mosimage}

Now those 2 images I have inserted with the tag are both NOT linked to a lightbox popup, are NOT clickable, are NOT thumbs of a bigger original.

If you look at the html code above, I wrote according to the info you provided about the fb: attribute only the 1st image should be the only one that is NOT "lightboxed" (because of the attribute nofb="nofb"), while the second and third images should be "lightboxed", clickable and also part of a set named "thegallery" (because of the fb:name="thegallery"). The set should therefore show a prev and next link to navigate through each of the images in the "thegallery" collection), unfortunately that seems not happening for me.
I can't verify if the "thegallery" image set is actually happening because the images are not clickable in the first place. 

I also tested insertion of images via {mosimage} and those are showing as "ligthboxed thumbs" (via lightthumb 1.2).

To continue testing and try to find out how to use fboxbot, I unpublidhed and removed lightthumb, I reverted the template to one not including the code that lightthumb needs to be manually placed in the index.html file of a template and finally I re-enabled MOS Image mambot. I republished the content as in the html above...Still the fboxbot is not working at all. What should i do to meke it work like it does in your demo page?...


Heeeelp pleeeeas!! thanx!

Peace


PS: I loooove the dancing banana smiley on your forum... it's Hilarious! Too bad none here LOL

hi freakQNC,
please make a choice for the place of posting (this thread or my forum),
in order to avoid duplicate posts .

I don't like to leave a thread unanswered , so I copy
and paste what I've answered in my forum:


I would advise first to forget special atttributes, and try to let it work without them.

Concerning TinyMCE Code cleanup, you've "over complicated" things.
All you need is to go to "mambot manger", select Tiny Mce Editor,
and disable the clean up from there.
Moreover the editing you made is inappropriate , i.e it
will work only if you have never set any option for Tiny Mce Editor before.



First , I don't understand the purpose of all the empty images tag you put with the alt  "me test", "me test 2", "me test3".
What I would advise,
is first ensure that your $mosConfig_live_site  variable in configuration.php of joomla has the value http://localhost/joomtest
This parameter is used by the bot to check that image you use is not external.
Now ensure that the bot fboxbot has been published.
Create a new empty article,
insert an image,
resize it using the wysiwyg editor TinyMCE. (you must decrease size off course).
Publish.
See the article from the frontend....

Note:  you must decrease size of image enough otherwise no popup is associated. (more than 20%)
This is a feature that you can customize in fboxbot settings.


Then tell me if it works.
We can talk about attributes after if you wish.

cheers

Sorry about the double posting Mehdi... I realized later that here the issue may get more "exposure" and help community meembers searcing this forum site for help. I will continue posting here then, as the official Joomla! forum, will most likely be reached faster by newbies in need of help with extensions they downloaded here ...BTW love the mambot you made!



I figured I would try using them as I was getting no results without them... Now it did work with an linked to the file in a subdir of stories (not a {mosimage} tag) all I had to do is place the fb:src="[relative-path-to-image-here]" as an attribute in the image tag!



I wish I could but for some reason I can't access any configuration via the mambot manager. If I click on any of the Mambots present in the mambot manager I get a warning dialogbox that reads "http://localhost  Restricted Access"... I guess is because I am running the test rig locally off a MAMP and Joomla install, but I don't know how to work around it so I can edit mambot preferences (still looking for a way to do that.)




That must be my case as I could never access the mambot configuration area as I mentioned above. Will this affect negatively editing via TinyMCE?




Neither did I... i found that code there after adding the image via TinyMCE so I did not remove it...




CHECK... that's there and has the correct value.




CHECK... fboxbot is published.




When I insert an image via the image tab on the left hand side, I only get the {mosimage} tag, not the actual image preview in the TinyMCE window. This embeds the image as a static "as is" image, at its full width and height and not "lightboxed".

If I use the tag the specified image preview is shown in the TinyMCE window and can be resized...



...if I publish at this point I the resized image will be shown fine but it will not be "lightboxed".




Aaaaah! That's the reason why wasnt' showing being "lightboxed"!!! Glad to know that!... I assumed wrongfully that any image would be lightboxed...Now I get why if I was testing on large images reduced a bit (must have been less than 20%) there wan no lightboxing happening. The same is true for small images that had been enlarged (even more than 20%)...totally makes sense! I saw the light!!!  Thanks!




OH MAN!!! I just found out a GREAT feature you implemented in Fboxbot !!! If the browser window size is smaller than the image size, not only the image gets resized, which I already knew from reading he info on your demo... but the fboxbot actually shows text links for Maximize/Minimize toggle and a Close functionalities at the bottom right of the image framing! 

I Bow to the MAESTRO!!! NOW IT"S ALL WORKING!!! WOOOHOOOO!!!!:)

One last thing if I may, it's about performance... I am using a Mac G4 533 dual with max ram 2x monitor 128ram sual head card and so forth (video editing) which is usually quite speedy for multimedia use, but I noticed that once clicked on a thumb, the fade in of the black background and the image itself is quite choppy... any suggestions why and what I can do to make it smoother (beside go getting the latest mactel on the market?) 

hi,


Joomla 1.011 was released with this bug. You can download the patch to fix this from here:
http://forum.joomla.org/index.php/topic,89865.0.html
(you must be logged to download the patch)


No, but you should restore the original file, if you wish to manage the mambot from the mambot manager.



{mosimage} is a feature of joomla only , not of TinyMCE. This one wil be deprecated in coming joomla version.
Inside TinyMCE, there's a button to insert images. I don't find it very handy as you have to enter url to your image ...

EDIT: (posted by accident didn't finish message)

JCE Might be a more convenient editor although I never tested it.
I like Wysiwyg Pro.



well although I tried to made the script compatible with safari, I was never able to test in under mac.
I used a kind of safari clone for windows (swift) which is very buggy (alpha).

However under windows internet explorer it's quite fast.
With firefox, speed is correct.
Under Opera 9 , a bit slow, but still acceptable. (perhaps it's because I have a 3Ghz pentium,
I guess it is worse with other configurations).
But Opera, is awefully slow when changing styles in a script anyway (according to http://www.quirksmode.org)

HOw to make it faster .... Decreasing steps in the fade in effect. But it quickly begin to be less impressive, and then you are  at the end just tempted to remove the effect.

Hi Mehdi,
Congratulations on releasing this great mambot. I am a JCE user and was experiencing a lot of problems with Utilities Plug for the JCE which behaves similar to FBoxBot on my eCommerce Site when switching to SSL. I replaced the JCE Utilities plugin with your FBoxBot and Voila! the problem is solved! Thanks so much.

One problem I am having is that I can not line-up the images side-by-side and when I position the images next to each other, the code automatically puts a
between the images and lines them up vertically which messes up the way I'd like to layout my pages.

Here is how the page HTML code looks on the backend:




But this is how the code comes up on the front when viewing the HTML source:




Notice all those
tags that are automatically inserted in the front-end code! I have even disabled the WYSIWYG editor and have manually cleaned-up the code before saving and have made sure there are no
tags inserted in the original code, but it had not have any affects on the way the lined-up images display on top of each other rather than showing side-by-side.

I appreciate if you can suggest a fix for this problem.
Keep up the good work.

JD

hi jdude,
I've checked first that the problem does not comes from my bot.
It's not the case , cause I've performed a test and I observed no problem.



Anyway, the problems comes from a mambot, I think.
Be aware, that even if you disable a mambot, some basic actions might be done by it.
For instance, concerning the  core mosimage mambot, if you disable it, alll { mosimages} tags are removed ....
Thus even if you disabled your WYSIWYG editor , some basic tasks might be done by its associated mambot .

possible solutions :
1) remove the  attribute id="jcebox" in your image tags. Maybe a special processing is associated to that.
Note: this is an invalid use of the "id" attribute, since each "id" are supposed to be unique.
2) move files of the  wysiwyg editor's  mambot  to  an other folder  (this is just to test, restore them after) , or uninstall the mambot . Also an other mambot might be responsible of the problem.

Hi Mehdi and thanks for the quick reply.

I went through following all your advice and then some by physically deleting the mambots and removing the "id" tag from the images to no avail.

As the matter of fact, the only time the images line up side-by-side seems to be when your mambot is disabled which also removes the pop-ups as well. By saying that I am not trying to put the mambot down as I see it as one of the finest out there, but expressing my feeling of being puzzled over this issue.

BTW, what is the usage of this tag which sits between the images and seems to be breaking the line:



I checked and it did exist in your mambot and repeats in HTML code just before every image:



The code is located on line 224 in fboxbot.php file.

Thanks for all your help in advance.

JD

OK! I found the problem and fixed it: 

In the file fboxbot.php on the line 397 the code looked like this:



All I did was to remove the 3 occurances of the \n so the code looks like this:



And the problem is solved.

Keep up the good work.

JD

hi jdude,

Obviously, there's something in your joomla install that is converting "\n"  characters into
..

A "\n" correspond to a line return in the source code, and has no  impact  on the final display (i.e display rendered by the browser)
I added these "\n"  to make the reading of the generated  html source code easier.
I'm pretty sure there's a reason for this conversion, and I persist to think it is because of an other mambot.

cheers

Thanks Mehdi for the reply.

I think that it was a good thing that we are now aware of this situation and I am sure as the installation base for your fine mambot grows I am not going to be the only one who will have this problem .

As per my site, I am not using any mambots or components that can not be downloaded on the joomla extensions. So, they are pretty much all standard stuff installed on a standard Joomla installation and I also agree with you that it may not be your mambot's fault. But that's why we have this forum so if the community members come across a situation like this, they can help each other.

So, keep my experience in mind if you come across the cases similar to mine.
Keep up the good work.

JD

My FBoxBot was working very well up until the point I installed the AllVideos Mambot for embedding videos in the content.

Now I click the image I want to zoom in on and it goes through the lightbox process with the gray background but does not bring up the image.  This started after the AllVideos plugin was installed.

Anyone encounter this and if so, is there some sort of fix?

Thank you!

First things first. I am VERY impressed with this plugin, it is the best standalone feature for Joomla! I have seen so far. Thanks a bunch.

Now to my actual question.

Has anyone successfully used FBoxBot with Joomla! 1.5? I have tried but so far without any luck. I've tried looking for broken paths in the files, and replaced 'mambots' with 'plugins' where I found them, but to no avail. (As you probably figured out by now I'm a happy but virtually clueless amateur, but I try my best )

Any help will be greatly appreciated...

JFN

_________________
Jeg siger ikke hun er en guldgraver, men hun roder ikke med nogen neger der er i stykker! ---Tjenesten---

hi JFN,



I didn't make the effort to port the bot to this version of Joomla 1.5 yet.

Yeah would be nice with Joomla 1.5 support.

I did a quick recode of it but somehow i missed something somewhere so it didnt really work.

_________________
http://www.redcomponent.com/ - redSHOP, redEVENT, redMEMBER, redBOOKING, redFORM, redLIST, redCOMPETITION + other Joomla Extensions.
http://redweb.dk - Joomla Webdesign & Udvikling
redHOST.dk - 100% Joomla Webhotel - Dansk support med Joomla viden!

Hello,
Sorry but my english is very bad.
I used FBoxbot because it's very good plugin. But my website is now on Joomla 1.5 and Fboxbot isn't for Joomla 1.5

Well, almost a year has passed , and finally Fboxbot was updated to support Joomla 1.5

Perfect Mehdi, thank you very much...

_________________
Jeg siger ikke hun er en guldgraver, men hun roder ikke med nogen neger der er i stykker! ---Tjenesten---

just updated fboxbot again (version 1.2).
I changed how name of thumbnail are generated a bit in the hope that's a bit better for seo. Work better with editor FCK (wich put sizes in styles instead of using regular image attributes). Handle spaces in file names.
Automatically add next previous action to popup in same article, unless you disable this in backend. Hopefully will work better with files with special characters, but no warranty it will always work ( Should be ISO-8859-1 charset).

I advise you delete existing thumbnails , since the naming has changed to free some disk space in folder plugins\fboxbot\thumbs

How do I change the following text?:
Maximize
Minimize
Close Here

hi there
i'm new to this, i've downloaded foxbot for joomla 1.5
i've installed it into my plugins directory, how do it get it to work from here??

Dear Author,

We are using this plugin for Joomla 1.5 and found very useful. There is a minor problem; while we are trying to resize the images (residing at Joomla itself) in TinyMce Editor by using the Internet exlorer the image dimensions for the help could not be seen in mouse tooltip. Whereas it is working fine in Mozila FireFox. Can we do some necessary settings so that the feature will also be visible in IE.

Earlie help would be appreciated.

With Best Regards
Gireesh Gahlaut

Hi,

I love this plugin however, i have encountered a bit of an interesting problem. I have been racking my brain why i got it working at one stage and then it wouldn't work again later. The issue as it turns out is IE when editing the article. When editing the article through Google Chrome, the SRC field in the image would remain relative on saving however, under IE, when saving the article, the SRC would become absolute on saving / editing, adding the full domain name back into the SRC field. I assume this is something fbox looks for when determining if something is within the same domain (as i realize that it doesn't work with images on other domains) so it doesn't work but once saved using Chrome, and fixing the path, it was fine. I assumed code cleanup was kicking in here, but all of that is disabled and i still encounter the same problem.

For me, this isn't an issue as i can happily use Chrome, but the website is for someone else whose skills are not all there; getting them to use something other than IE would be far too foreign. Does anyone know of a solution to this? I have tried using other editor plugins, but if i disable the MCE editor plugin, i get nothing when i go to edit an article. Is there any help in this matter?

Hi mehdi, your plugin is a really piece of art that you cannot miss. Congratulations.

I just have a couple of problems. My version is fboxbot_j1.5_v1.2-gpl2

The rebuild button doesn't appear in my FrontEnd, I’m Super-A and I checked that the rebuild button was enable at the plugin options.

2. I run my site with full privileges to change Permissions in my server, and the FBoxBot folder is the only one that I cannot change its Permissions to 777, so I cannot change nothing by hand, cannot customized the magnify.png image or erase thumbs, obviously since I cannot change permissions.

What could be the reasons for both behaviors?

- Not rebuild button (In any browser).
- Cannot change Permissions just on FBoxBot folder.

Great job!
Greetings.

I am new to joomla..... I have installed foxbot successfully but it is not working. I don't know how to enable it or if there is any other settings etc.... Any help in this regard will be greatly helpful....