Welcome Guest [Log In] [Register]
We hope you enjoy your visit.

You're currently viewing our forum as a guest. This means you are limited to certain areas of the board and there are some features you can't use. If you join our community, you'll be able to access member-only sections, and use many member-only features such as customizing your profile, sending personal messages, and voting in polls. Registration is simple, fast, and completely free.


Join our community!


If you're already a member please log in to your account to access all of our features:

Username:   Password:
Add Reply
Add Remote Image Uploader To Posts
Topic Started: Sep 24 2009, 07:17 PM (257 Views)
Will Sep 24 2009, 07:17 PM Post #1
Member Avatar


 This code has been moved here from our old support forum (as it will soon no longer exist at it's current location).
Please use the report button on this post to notify our staff of any problem with this modification.

Originally posted by: jackster
Add Remote Image Uploader To Posts
 
I am not a coder, but was goofing around with the limited knowledge I have, and came up with this code for adding an Imageshack™ image uploader right under the post text area (to the right of the preview button). Just add it to your board template, in the "Above Copyright" text area:

Preview
(Make a post to see)
Code:
 
<script type="text/javascript">
//<![CDATA[
$('#c_post-wrap').after('<iframe src="http://www.imageshack.us/iframe.php?txtcolor=111111&type=blank" scrolling="no" allowtransparency="true" frameborder="0" width="294" height="80"></iframe>');
//]]>
</script>

Also, if you have a web host, you can host a page (like at geocities) and bypass the annoying Imageshack toolbar link. Use this html in that page:
Code:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Image Uploader</title>
<link rel="stylesheet" href="http://imageshack.us/img/style-def.css" type="text/css">
</head>
<body style="background-color:transparent">
<form action="http://www.imageshack.us/" method="post" enctype="multipart/form-data" target="_blank">
<b>Post An Image</b>
<br />
<input type="hidden" name="MAX_FILE_SIZE" value="1548576">
<input type="hidden" name="aff" value="">

<input type="hidden" name="type" value="blank">
<input type="hidden" name="where" value="iframe">

<input type="file" class="textfield" name="fileupload" size="30"><br />
<input type="submit" value="Upload">
<span style="color: #111111"><font size="1">Choose code "hotlink for forums(1)"</font></span><br />
</form>
</body>
</html>

Then trade this page "http://www.imageshack.us/iframe.php?txtcolor=111111&type=blank" with that new page. Here's an example using a site I just signed up for at geocities:
Code:
 
<script type="text/javascript">
//<![CDATA[
$('#c_post-wrap').after('<iframe src="http://www.geocities.com/jacksterville/image_uploader.html" scrolling="no" allowtransparency="true" frameborder="0" width="294" height="80"></iframe>');
//]]>
</script>

HOWEVER you can't use the website builder on your board for that. It must be something like geocities or something else, that allows simple text html without templates.

Here are some screenshots:

Screen Shot With Original Imageshack Tool Bar Link

Screen Shot with Custom Uploader
Offline Profile Quote Post Goto Top
 
paintsn Oct 27 2009, 06:02 PM Post #2
Member Avatar
>>>NeWbIe 4LiFe<<<
[ * * ]
 it was very nice with the custom uploader.. tried to cut, delete, edit that annoying Imageshack toolbar link .. no can do.

man there gotta be a better way to upload pics.. hope we will have one someday :-/
Edited by paintsn, Oct 27 2009, 06:03 PM.
Offline Profile Quote Post Goto Top
 
spiser Nov 3 2009, 09:28 AM Post #3
Member Avatar
Member
[ * ]
Code:
 
<script type="text/javascript">
//<![CDATA[
$('#c_post-wrap').after('<iframe src="http://www.geocities.com/jacksterville/image_uploader.html" scrolling="no" allowtransparency="true" frameborder="0" width="294" height="80"></iframe>');
//]]>
</script>


this don't work eny more
Edited by spiser, Nov 3 2009, 09:45 AM.
Offline Profile Quote Post Goto Top
 
peteh Nov 3 2009, 10:31 AM Post #4
Member Avatar
Member
[ * * * * * ]
spiser
Nov 3 2009, 09:28 AM
Code:
 
<script type="text/javascript">
//<![CDATA[
$('#c_post-wrap').after('<iframe src="http://www.geocities.com/jacksterville/image_uploader.html" scrolling="no" allowtransparency="true" frameborder="0" width="294" height="80"></iframe>');
//]]>
</script>


this don't work eny more
I would imagine that has something to do with the closure of geocities

However the code in the OP works fine

Code:
 
<script type="text/javascript">
//<![CDATA[
$('#c_post-wrap').after('<iframe src="http://www.imageshack.us/iframe.php?txtcolor=111111&type=blank" scrolling="no" allowtransparency="true" frameborder="0" width="294" height="80"></iframe>');
//]]>
</script>
Offline Profile Quote Post Goto Top
 
tesser Nov 3 2009, 03:10 PM Post #5
Member
[ * * ]
 will or can this code work for tinypic ? as my members found this code useful but now it dont work
Offline Profile Quote Post Goto Top
 
Lout Nov 3 2009, 04:43 PM Post #6
Member Avatar
Member
[ * * * * ]
tesser
Nov 3 2009, 03:10 PM
will or can this code work for tinypic ? as my members found this code useful but now it dont work
It does still work if you use the code that Peteh posted:-
Code:
 
<script type="text/javascript">
//<![CDATA[
$('#c_post-wrap').after('<iframe src="http://www.imageshack.us/iframe.php?txtcolor=111111&type=blank" scrolling="no" allowtransparency="true" frameborder="0" width="294" height="80"></iframe>');
//]]>
</script>


But as far as I'm aware theer is no way of making this work with Tinypic, I did try but was unsuccessful. Maybe if you were to request a code to do that it may be possible?
Offline Profile Quote Post Goto Top
 
tesser Nov 3 2009, 09:53 PM Post #7
Member
[ * * ]
 Thays a good point i did put the tiny pic link in to this one just replaced the image shack links it sort of works but only shows at top or bottom of the page

yes i know its HTLM but it worked of a fashion il do it again in the morning a show a pic as i just know some one will pop up and say that's impossible


Code:
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><title>Image Uploader</title><link rel="stylesheet" href="http://imageshack.us/img/style-def.css" type="text/css"></head><body style="background-color:transparent"><form action="http://www.imageshack.us/" method="post" enctype="multipart/form-data" target="_blank"><b>Post An Image</b><br /><input type="hidden" name="MAX_FILE_SIZE" value="1548576"><input type="hidden" name="aff" value=""><input type="hidden" name="type" value="blank"><input type="hidden" name="where" value="iframe"><input type="file" class="textfield" name="fileupload" size="30"><br /><input type="submit" value="Upload"><span style="color: #111111"><font size="1">Choose code "hotlink for forums(1)"</font></span><br /></form></body></html>
Offline Profile Quote Post Goto Top
 
1 user reading this topic (1 Guest and 0 Anonymous)
« Previous Topic · Code & Modification Database · Next Topic »
Add Reply