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]

^ Thank you :up:

[fukdawrld]

perfect and werks with 3.7gold....!

[Dannyloski]

^ :up: Glad to hear that ...

[lostgirl815]

UPDATE regarding below question: sorry, I realize now what I was doing wrong. I needed to select a picture first. But I'll leave the rest of this here in case anyone else doesn't figure that out. (I'm not the only blonde here, am I?)

Nobody else has mentioned this problem so it must be my browser settings, but I have no idea which one.

When I click on the image code, and get the 'copied' message, and then paste the code into the post form... rather that the image code, this appears:

I'm using 3.7.0. Thanks for any help or advice!

<!-- Photobucket Image Upload -->
<style type="text/css">
.viewable {
display: block;
}
.viewable a {
line-height: 16px;
font-size: 14px;
font-weight: bold;
font-family: sans-serif;
color: {$vbulletin->options['photobucket_displaycolor']};
}
.viewable a:hover {
color: {$vbulletin->options['photobucket_displayhovercolor']};
cursor: pointer;
text-decoration: underline;
}
.hidden {
display: none;
}
</style>
<script type="text/javascript" language="JavaScript">
<!--
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;
}
function hide() {
fetch_object('hidelink').className = "hidden";
fetch_object('viewlink').className = "viewable";
fetch_object('photobucket').className = "hidden";
return false;
}
//-->
</script>
<fieldset class="fieldset">
     <legend>Add images from your Photobucket Account</legend>
     <div style="padding:$stylevar[formspacer]px">
<span id="viewlink" class="viewable">
<nobr><a href="javascript:{}" onclick="view();">{$vbulletin->options['photobucket_displaytextvisible']}</a></nobr>
</span>
<span id="hidelink" class="hidden">
<nobr><a href="javascript:{}" onclick="hide();">{$vbulletin->options['photobucket_displaytexthide']}</a><br>
<div id="photobucket" class="hidden" align="center">
<iframe name="jwidget" id="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=" bgcolor="transparent" width="{$vbulletin->options['photobucket_width']}" height="{$vbulletin->options['photobucket_height']}" frameborder="0" scrolling="no">You must have an iframe-compatable browser to view the Photobucket Upload form.</iframe>
</div></nobr>
</span>
     </div>
</fieldset>
<!-- / Photobucket Image Upload -->

[Dannyloski]

^ Glad you solved it ... :up:

[KanmaiseR]

Thanks Dannyloski, installed..

[sebaldus]

Thanks man... I love this add ons.

[Dannyloski]

No problem guys, glad you like it :up:

[JVSP]

When clicking on the image url the image code will not get copied, it worked before and now it doesn't. I am running 3.7.1 and it doesn't work in IE or FireFox. When clicking on the error in IE it says:

Line: 2
Char: 79720
Error: 'Effect' is undefined
Code: 0
URL: http://s85.photobucket.com/plugin/album

[BadgerDog]

Thanks, but uninstalled ...

Can't see to make it do anything....

When I click the IMG phrase, the word "copied" appears but nothing (no link) shows up in the post white space.

Regards,
Badger