• 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.
  • Available in Jquery version also.
Buy me a coffee !

Buy me coffee !

If you like this work and found this useful buy me a coffee ! your donation will motivate me to develop and support this work.

Demo

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

Download

Click the button below to download.

Download
(Selected Text Sharer - Js, 5.9 KiB, 553 hits)

Documentation

Basic Usage

var sts_config = {
	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"

Add your comment 1 Comment so far