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]

ArnyVee, yeah if you havent assigned any Usergroups the permission to view the Hack, then it will not display it. If you want to test the Hack, then enter "6" in the "Allowed Usergroups" Setting as that's the Usergroup ID for Administrators and then check if it works. If it does, then you can go ahead and enter the rest of the Usergroup IDs who you want to make the Hack visible to. To get the Usergroup IDs go to Admin CP > Usergroups > Usergroup Manager > And you will see the Usergroup IDs under the "Controls" Column (they are in the Drop Down Menu).

[ArnyVee]

Thanks Dannyloski!

It works...and I went ahead and clicked 'installed'.

[Dannyloski]

^ Glad to hear that :up: ... Thanks for clicking installed!

[hsv z clubbie]

Excellent work, our members love it...marked as installed !!!

[Dannyloski]

^ That is awesome news to hear :up:

[Code Monkey]

In your javascript you should use vBulletin's fetch_object() function instead of document.getElementById() to take advantage of vBulletin's browser compatibility features.

[Code Monkey]

Also if you want to use href= in the links to get the link effects then you can use href="javascript:{}" instead of href="#". The latter is what causes it to jump to the top of the page when you click it. This way eliminates that problem. Technically you can add a js function to the href as well, such as href="javascript:{view();}". Though it is even better to just forget the whole href bit and just use css and use the onclick on the text container.

[Dannyloski]

^ Thanks for the tips ... I edited the "href" attribute on the Modification, to make it not jump to the top of the Page. I dont understand how to implement the fetch_object() function instead of document.getElementById() function, so I left it as is - seems to work perfectly so if its not broke, why fix it, lol.

[Megatr0n]

Compatible with 3.7?

[Code Monkey]

Originally Posted by Dannyloski

^ Thanks for the tips ... I edited the "href" attribute on the Modification, to make it not jump to the top of the Page. I dont understand how to implement the fetch_object() function instead of document.getElementById() function, so I left it as is - seems to work perfectly so if its not broke, why fix it, lol.

It may not work with older browsers though.

Just replace

PHP Code:

function hide() {
document.getElementById('hidelink').className = "hidden";
document.getElementById('viewlink').className = "viewable";
document.getElementById('photobucket').className = "hidden";
return false;
} 


with

PHP Code:

function hide() {
fetch_object('hidelink').className = "hidden";
fetch_object('viewlink').className = "viewable";
fetch_object('photobucket').className = "hidden";
return false;
} 


This way your code will always use vBulletin's latest compatibility features.