Shares

jQuery – Selected Text Sharer ← jQuery Plugins

- 8,714 views - 18 Comments

Jquery selected text sharer is a promoting and enhancing plugin focusing to increase the site usage. This plugin displays a widget having links to search / share, above the selected text. Inspired from NY times website.

Download,http://www.aakashweb.com/resources/downloads/jquery.selected-text-sharer.zip

  • Features
  • Demo
  • Documentation
  • Download

Features

  • Cross browser supported.
  • Highly customisable interface.
  • Light-weight.
  • Can add unlimited links to the widget for searching and sharing.
  • Selected text truncation for Twitter.
  • Can show widget for textboxes and textareas also.
  • Can show widget only for particular elements.
  • Available in non-Jquery version also.

Donate and Support with PayPal

If you find my products useful, then just donate and support my work. It will be an encouragement !

$

Demo

Click the button below to view the example and demonstrations of selected text sharer plugin.

Download

Click the button below to download.

Documentation

Basic Usage

$('Element selector').selectedTextSharer({
	title : 'Share this text ...',	// Title of the widget
	lists : 'Google, http://www.google.com/search?q=%s, favicon',	// Links for searching / sharing
	truncateChars : 115,		// Number of characters to truncate for twitter.
	extraClass : 'someClass',	// Additional class for customizing the widget.
	borderColor : '#444',		// Color of the border
	background : '#fff',		// Background color
	titleColor : '#f2f2f2',		// Title Background color
	hoverColor : '#ffffcc',		// Links hover color
	textColor : '#000'		// Text color
});

Adding search/share Links

A single links requires three values. They are Name of the Link, URL, Icon URL. The variable %s should be inserted in the search / share URL to get the selected text. Additionaly, %ts can also be used to get the truncated selected text.

Also, favicon can be used instead of Icon URL to automatically get the Icon

Example:
Google, http://www.google.com/search?q=%s, favicon

Adding multiple links

Multiple links can be added by joining the individual link by “|”

Example:
Google, http://www.google.com/search?q=%s, favicon | Twitter, http://twitter.com/home?status=%ts ,favicon | Wikipedia ,http://en.wikipedia.org/w/index.php?title=Special:Search&search=%s,favicon

These links should be the value of the property “lists”