The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

replacing Servimg with Photobucket or Imageshack for image uploads

Go down

Solved replacing Servimg with Photobucket or Imageshack for image uploads

Post by BlackScorpion on May 8th 2014, 10:43 pm

I have seen a few forums where the image upload was changed to imageshack or another image hosting service, Is there any code or script for me to do this to my forum? I'm running PunnBB on my Server
avatar
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 5658
Reputation : 780
Language : English
Location : USA

http://help.forumotion.com

Back to top Go down

Solved Re: replacing Servimg with Photobucket or Imageshack for image uploads

Post by Ange Tuteur on May 9th 2014, 1:06 am

Hi BlackScorpion,

I have written up a quick draft, you can find it below. Smile

Modules > Javascript codes management > create a new script

Title : Your choice
Placement : In the topics, or in all pages
Paste the code below and save :
Code:
$(window).load(function() {
    var settings = {
        image : 'http://i56.servimg.com/u/f56/18/21/60/73/icon10.png', // button image
        upload : 'http://photobucket.com/upload', // iframe upload url
        height : '250px', // iframe height
        width : '500px' // iframe width
    };
    
    $('.sceditor-button-servimg').after('<a class="sceditor-button sceditor-button-pb"><div style="background-image:url(' + settings.image + ')"></div></a>');
    $('body').append('<div id="pb_container" class="sceditor-dropdown" style="display:none;"></div>');
    
    $('.sceditor-button-pb').click(function() {
        var X = $('.sceditor-button-pb').offset().left;
        var Y = $('.sceditor-button-pb').offset().top + 25;
        
        if (!document.getElementById('pb_frame') && $('#pb_container').css('display') == 'none') $('#pb_container').show().css('left',X + 'px').css('top',Y + 'px').append('<iframe id="pb_frame" style="border:none;height:' + settings.height + ';width:' + settings.width + ';" src="' + settings.upload + '"></iframe>');
        else if ($('#pb_container').css('display') == 'none') $('#pb_container').show().css('left',X + 'px').css('top',Y + 'px');
        else $('#pb_container').hide();
    });
    
    $('.sceditor-button:not(.sceditor-button-pb), .sceditor-container textarea, .sceditor-container iframe').click(function() { $('#pb_container').hide() });
    $('.sceditor-container iframe').contents().mousedown(function() { $('#pb_container').hide() });
    $('.sceditor-button-source').click(function() { $('.sceditor-button-pb').removeClass('disabled') });
});

There are some settings at the top which let you customize it :
Code:
   var settings = {
        image : 'http://i56.servimg.com/u/f56/18/21/60/73/icon10.png', // button image
        upload : 'http://photobucket.com/upload', // iframe upload url
        height : '250px', // iframe height
        width : '500px' // iframe width
    };

They're marked with comments so they should be self explanatory, just make sure that your content is always between the single quotes to prevent bugs.

Ooh if you want to hide the old upload button, just add this to your Stylesheet :
Code:
.sceditor-button-servimg { display:none !important; }
avatar
Ange Tuteur
Forumaster

Male Posts : 13194
Reputation : 2907
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Solved Re: replacing Servimg with Photobucket or Imageshack for image uploads

Post by BlackScorpion on May 9th 2014, 1:59 am

Thank you Ange, as always, you saved me again.   Razz

Solved.
avatar
BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 5658
Reputation : 780
Language : English
Location : USA

http://help.forumotion.com

Back to top Go down

Solved Re: replacing Servimg with Photobucket or Imageshack for image uploads

Post by SLGray on May 9th 2014, 2:01 am

Topic Solved & Archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 42715
Reputation : 3008
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum