jQuery – Selected Text Sharer

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.

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=<b>%s</b>, 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”