|

Jquery Selected text searcher - Demo

Jquery version

Select a text to show widget
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
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" />