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

View previous topic View next topic 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

BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 4566
Reputation : 671
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; }

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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.

BlackScorpion
Graphic Designer
Graphic Designer

Male Posts : 4566
Reputation : 671
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.


SLGray
Administrator
Administrator

Male Posts : 36748
Reputation : 2449
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


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