Integration with vBulletin - Photobucket Image Uploader

This Modification works in both vB 3.6.x and vB 3.7.x

Introduction:
Well this is my first official "hack" for vBulletin :up:, so cheers to me! Anyways, I want to apologize in advanced if for some reason this post or the instructions are not clear enough - I am trying my best to explain as elaborate as possible. With this being my first modification, I have dedicated a lot of time and effort into it and I can say that I am 99.9% sure that there are no bugs with this hack, as I have tested it numerous times - but we all know how that goes ... With that said, if you do find a bug or something, just let me know and I'll look into it. Also, I want to thank Mosh for letting me use his ImageHack as a Framework for mine, thanks bro!

NOTE: This hack works in total harmony with the latest version of Mosh's ImageShack Image Upload hack.

PHOTOBUCKET IMAGE UPLOADER
... BROUGHT TO YOU BY: DANNY ...

Description:
This hack will allow you to have access to your Photobucket Account from inside vBulletin, so that you can post up your pictures or videos without the need of opening a new window. It will allow you to display this Hack in the New Thread, New Post/Reply, Quick Reply, and Quick Edit Windows. This hack also provides the user with multiple options/settings to make this Add-on blend in with the site's color scheme. It has many benefits and options, so for more info just take a look at the Screenshots provided or download and install the Add-on to see and explore its settings.

Installation Instructions:
1) Download the attached .XML Product.
2) Import the .XML Product via Admin CP > Plugins & Products > Manage Products > [Add/Import Product]
3) Edit the Settings accordingly and Enable Hack where desired. Go to Admin CP > vBulletin Options > vBulletin Options > Photobucket Image Uploader to manage the settings. Remember to also enter the Usergroup IDs of those who you wish to be able to use the Hack or this Mod will not work!
4) Your Done! Its that easy ...

Upgrade Instructions:
1) Download the attached .XML Product.
2) Import the .XML Product via Admin CP > Plugins & Products > Manage Products > [Add/Import Product] and Select the "Overwrite" option ...
3) Your Done! Its that easy ...

IMPORTANT NOTE:

Originally Posted by Dannyloski

Guys/Gals,

I want to make a note for those who said they were having trouble with this Hack, please make sure that you enter all the Usergroup IDs of the Usergroups who you want to be able to use this Hack in the "Allowed Usergroups" Settings Section.

I have a feeling that most of you left "0" in there. What the "0" does is "not force any usergroups". What that means is that no usergroup will be able to use the Hack, basically if you enter "0" there, then you are disabling the Hack completely.

I think that this is the solution to most (if not all) the problems for those who were claiming that this hack wasnt working. Please enter the Usergroup IDs and report back if it works for you or not.

PS. Some of you might be wondering how I figured this out, well one of the members on here who installed this Hack and was having problems, sent me a PM with Admin Login Info into their site and upon checking out the settings, this was the problem. They forgot to enter the Usergroup IDs in the specified Setting. I entered "6" for the Usergroup ID to test if Administrators could view the Hack and voila, it worked!

Version History:

• v1.0
  • Official "Hack" Release
  • No known bugs
• v2.0
  • Page no longer jumps to the Top when clicking on the "Display" or "Hide" Text.
  • Using vBulletin's fetch_object() function instead of document.getElementById() to take advantage of vBulletin's Browser Compatibility features.

Special thanks to Code Monkey for assisting me with the Code Fixes for v2.0 ... Now this Hack rocks even more

If you like then [Mark As Installed] or [Donate]

IFRAME RELOADING IN BLANK PAGE? READ THIS!
You need to clear your Browser's Cache (all if it) & Flush your DNS. This is a server-side issue with Photobucket, not with the Modification. This is Photobucket Support Team's response ...

Originally Posted by Photobucket Support Team

Dear Danny,

Please log out, clear your cache, refresh, close your browser window, then flush your DNS and reboot your entire system, including the modem and router.

http://pic.pbsrc.com/help/Content/Tr...ClearCache.htm

http://pic.pbsrc.com/help/Content/Tr...g/FlushDNS.htm

Thank you.

Sincerely,
Your Photobucket Support Team

[Dannyloski]

Megatr0n, it should, I dont see why it wouldnt. Matter of fact it should work with all vB Version ... Let me know though ...

Code Monkey, you rock bro, thanks! I updated the .XML File ... I changed the document.getElementById() to fetch_object() as well for the following part of the code, is that needed or not?

It was like this:

PHP Code:

function view() {
document.getElementById('hidelink').className = "viewable";
document.getElementById('viewlink').className = "hidden";
document.getElementById('photobucket').className = "viewable";
document.getElementById('jwidget').src = "http://photobucket.com/svc/jwidget.php?width={$vbulletin->options['photobucket_width']}&height={$vbulletin->options['photobucket_height']}&largeThumb=false&pbaffsite=272&bg={$vbulletin->options['photobucket_bgcolor']}&border=false&bordercolor=%23000000&url=&linkType=img&textcolor={$vbulletin->options['photobucket_color']}&linkcolor={$vbulletin->options['photobucket_linkcolor']}&media=both&btntxt=&searchenabled=true&searchlinkcolor=&searchbgcolor="
return false;
} 


Now its like this:

PHP Code:

function view() {
fetch_object('hidelink').className = "viewable";
fetch_object('viewlink').className = "hidden";
fetch_object('photobucket').className = "viewable";
fetch_object('jwidget').src = "http://photobucket.com/svc/jwidget.php?width={$vbulletin->options['photobucket_width']}&height={$vbulletin->options['photobucket_height']}&largeThumb=false&pbaffsite=272&bg={$vbulletin->options['photobucket_bgcolor']}&border=false&bordercolor=%23000000&url=&linkType=img&textcolor={$vbulletin->options['photobucket_color']}&linkcolor={$vbulletin->options['photobucket_linkcolor']}&media=both&btntxt=&searchenabled=true&searchlinkcolor=&searchbgcolor="
return false;
} 


I gave you credit in the First Post for the help ...

[Chet T16]

One of my favourite mods, especially without the page jump now

[Dannyloski]

^ Thanks man, glad to hear that :up:

[ArnyVee]

Danny, do you simply uninstall the old xml file and then upload the new one?

[Dannyloski]

ArnyVee, you should actually be able to just Import the New .XML Product with the "Overwrite" option and be done with it. If you encounter a problem, then let me know. I just did the Overwrite and it worked.

Originally Posted by Danny

Upgrade Instructions:
1) Download the attached .XML Product.
2) Import the .XML Product via Admin CP > Plugins & Products > Manage Products > [Add/Import Product] and Select the "Overwrite" option ...
3) Your Done! Its that easy ...

[ArnyVee]

Thank you sir!

Good to go with my site. Thanks again for the help.

[qtouch]

Thanks for the update, it works fine now

[jambo_1969]

Cheers for the update Danny..

Works like a dream now (not that it didn't before )

[midirtrider]

wow this is very impressive..

thank you so much for your efforts and allowing us all to use this awsome hack..

[Dannyloski]

Thanks for all the kind words guys, I appreciate it a lot ... Glad you all like the Hack now even more :up: