- 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.
Demo
Click the button below to view the example and demonstrations of selected text sharer.
[sc:linkBt title=”Demo” href=”http://www.aakashweb.com/resources/pages/demos/selected-text-sharer/”]Download
Click the button below to download.
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