JSFiddle - React, Tailwind, and code Playground
by motyar
HTML
<html>
<head>
<title>User selection text and its use</title>
<meta name="author" content="Dharmveer Motyar">
<meta name="keywords" content="dharmmotyar, motyar,web develope, user selected text, getSelection, Jquery">
<meta name="description" content="The is the demo to describe how to use user selected text">
</head>
<body>
<BR />
<h2>Select the any term</h2>
<div id="show-bubb-text">
SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT / SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT / SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT / SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT /
<hr><br>
</div>
<h2>DubleClick on any term (will be searched)</h2>
<div id="db-Click-text">
SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT / SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT / SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT / SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT /
</div>
<hr></br>
<h2>Select text to ZOOM!</h2>
<div id="zoom-text">
SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT / SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT / SMS TWITTER TO INDIA / CREATE A LOGO WITH CSS3 / DRAW WITH JQUERY / API FOR SMS / CREATE TWITTER APPLICATION WITH JAVASCRIPT / SMS TWITTER TO INDIA /...