Share This Plugin
Development and Programming
Here is one page. It doesn’t work in Firefox or Camino. It works in Safari and Opera.
Here is the code
{exp:share_this entry_id="{entry_id}" title="{title}"
url="{comment_url_title_auto_path}" orientation="bottom"}
{exp:email:tell_a_friend charset="utf-8" allow_html='n'}
<label for="from">Your Email: </label>
<input name="from" type="text" class="textbox" id="from" value="{member_email}" size="40" maxlength="35" />
<label for="name">Your Name: </label>
<input name="name" type="text" class="textbox" id="name" value="{member_name}" size="40" maxlength="35" />
<label for="to">To: </label>
<input name="to" type="text" class="textbox" id="to" size="40" maxlength="35" />
{if captcha}
<label for="captcha">Captcha: </label>
<input name="captcha" type="text" class="textbox" style="width:100px;" value="" size="10" maxlength="20" />
<label for="captcha_img"> </label>
{captcha}
{/if}
<label for="submit"> </label>
<input name="submit" type='submit' class="submit" value='Submit Form' />
<input type="hidden" id="subject" name="subject" value="Interesting Post: {title}">
<input type="hidden" id="message" name="message" value="{comment_url_title_auto_path}">
{/exp:email:tell_a_friend}
{/exp:share_this}
The problem is the ” character on that particular page. I had a similar problem with the single quote character ‘, and stripped it out of the string, but I will lookup the javascript code and will tell you when I figured it out and updated the package.
ps: on other pages on your site it did work 😊
It doesn’t work if there is a dash in the title either.
Lars,
I’m looking forward to integrating this shortly.
Followed your links and coupla clicks later came upon the handy sharethis icon too, which I think is also a great visual way to signal the feature.
yeah I did write alex king an email about the plugin, but unfortunately didn’t get a reply for it. So I am not sure about adding it to the standard plugin package. I will try to fix the javascript issues this weekend.
/lars
Lars, you don’t need a reply.
The icons are under a Creative Commons By 2.5 license which means you can add the icons to your package quite freely, even without consulting Alex as long as the package contains an Attribution to him and the page as the source.
Of course, it is also good practice to contact him that you’re including the icon, but permission has already been granted by his quad licensing. So you’re free to add it if you so wish.
your are right matt. I have fixed the the javascript issue and added the icon to the package.
So feel free to download it:
>> Download
/lars
Lars- I haven’t installed your package, but it seems to be a very elegant solution. I love the way it looks on your site. Thank you!
Off Topic: How did you do your header image on your site? Is that a public script. It is a beautiful implementation. Nice pics.
The Script is an adaption from the http://www.uptonic.com/ portfolio script, which is based on the prototype library. http://www.lars-kirchhoff.de/js/slideshow.js
Well done! Thank you.
What am I missing about how to install this? Where do all the files go? To the plugins directory? Do I have to do something different than add the CSS to my existing stylesheet?
What is the .js file?
I feel like such an idiot… But I totally want this feature on my site! It’s so slick!
Ok here we go:
- put the pi.share_this.php in the EE plugin directory
- put the css file in a public readable directory and make a link in your global header like this:
<link rel='stylesheet' type='text/css' media='all' href='http://www.lars-kirchhoff.de/go?css=global/share_this_css' />
<style type='text/css' media='screen'>@import "http://www.lars-kirchhoff.de/go?css=global/share_this_css";</style>or put the content of the css file in your global css file.
- put the js files in a public readable directory and make a link in your global header like this:
<script src="http://www.lars-kirchhoff.de/go?css=site/prototype_js" type="text/JavaScript" charset="utf-8"/>
<script src="http://www.lars-kirchhoff.de/go?css=site/sharethis_js" type="text/JavaScript" charset="utf-8"/>- Put the icons in “/images/share_this/” in your httpdocs directory. If you have/want it in a different location you need to edit the css.
Hope that helps
/lars
PS: I added all icons in the zip package. PPS: You can put the css and js files in the plugin directory also, but I don’t like to expose the library directory to the public and therefore I added them to my templates.
I would like to implement this on my site, but within my global top navigation. No matter what page you’re on, I would like the plug in to simply provide a link to the home page (as the site I’m developing is somewhat small). Can this be done?
yes it can be done 😊 .. just use the url parameter and set it always to your homepage address.
Perfect … and I think I’ve got it (See http://www.kingstreet.org/ee_develop.php top right corner). Two problems: 1. Not sure how to properly set the “E-mail” tab - what code should I use? 2. In IE the box is now hidden behind my menu. I think this is a problem with IE and CSS. It appears OK in Firefox. - any quick fix?