- 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