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 : 5782
Reputation : 808
Language : English
Location : USA

https://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 : 13202
Reputation : 2918
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 : 5782
Reputation : 808
Language : English
Location : USA

https://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 : 43519
Reputation : 3094
Language : English
Location : United States

http://fmthemesdesignteam.forumotion.com/

Back to top Go down

Back to top


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