Jquery Selected text searcher - Demo
Jquery version
Select a text to show widgetLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it |
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it |
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it |
Can be added to a input and textareas also |
$('.demo1').selectedTextSharer({
lists:"Twitter,http://twitter.com/home?status=%ts ,favicon|Facebook,http://www.facebook.com/sharer.php?t=%s&u=http://google.com,favicon|Wikipedia (en),http://en.wikipedia.org/w/index.php?title=Special:Search&search=%s,favicon|Google Maps,http://maps.google.com/?q=%s,favicon",
extraClass: 'dark',
title: 'Share this text ...',
borderColor: '#00ccff',
hoverColor: '#FFFFCC'
});
$('.demo2').selectedTextSharer({
lists:"Add or remove any items. The format for adding a list is Name URL Icon-URL (Spaces indicate comma). Use %s in the search/share URL for the selected term. Also you can use favicon for the Icon URL to automatically detect the icon",
title: 'Change everything you want',
borderColor: '#00ccff',
hoverColor: '#FFFFCC'
});
$('.demo3').selectedTextSharer({
lists:"Email,mailto:?subject=Aakash Web Just another WordPress weblog&body=%s - http://google.com,http://mail.google.com/favicon.ico|Print,http://www.printfriendly.com/print?url=http://google.com,http://www.printfriendly.com/images/printfriendly.ico|Blogger,http://www.blogger.com/blog_this.pyra?t&u=http://google.com&n=Aakash Web Just another WordPress weblog&pli=1,favicon|Orkut,http://promote.orkut.com/preview?nt=orkut.com&tt=Aakash Web Just another WordPress weblog&du=http://google.com&cn=%s,http://orkut.com/favicon.ico|Tumblr,http://www.tumblr.com/share?v=3&u=http://google.com&t=Aakash Web Just another WordPress weblog&s=%s,favicon|LinkedIn,http://www.linkedin.com/shareArticle?mini=true&url=http://google.com&title=Aakash Web Just another WordPress weblog&source=Aakash+Web+Just+another+WordPress+weblog&summary=%s,favicon|RSS,http://localhost/wordpress/feed/rss/,favicon|Sphinn,http://sphinn.com/index.php?c=post&m=submit&link=http://google.com,favicon|SphereIt,http://www.sphere.com/search?q=sphereit:http://google.com&title=Aakash Web Just another WordPress weblog,favicon",
truncateChars: "115",
borderColor: "#430070",
background: "#fff",
titleColor: "#f2f2f2",
hoverColor: "#c2f7ff",
textColor: "#000"
});
$('.demo4').selectedTextSharer({
lists:"Wikipedia (en),http://en.wikipedia.org/w/index.php?title=Special:Search&search=%s,favicon|Google Maps,http://maps.google.com/?q=%s,favicon",
title: 'Search this text ...',
borderColor: '#009900',
hoverColor: '#FFFFCC'
});
<!-- Just wrap a text with a div and add a class, thats all ! --> <div class="demo1">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it</div> <textarea class="demo4"></textarea> <input class="demo4" type="text" />