Highlight selected text and show next time

Question

0.00/5 (No votes)

See more:

I am interested in saving text when user selects any text anywhere on a web page that text has to be highlighted and has to save that text as a string in DataBase.
when same user saw same page next time text has to be highlighted as done previously by him.
If anyone knows a simple elegant way to do this I would really appreciate it, but I'll take any solution at this point. Even if you can point me in the right directions that would be appreciated. Thanks in advance.

Posted 22-Sep-11 1:46am

Rakesh Bairi

Updated 22-Sep-11 1:57am

v3

Add a Solution

2 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Muralikrishna8811 · Answer 1 · 2011-09-22T02:02:00

Hi,

I tried this code it works fine.Try once

If you use Jquery you can pass capture text to server.

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language ="javascript" >
 
        document.onselectstart = df;
        document.onmouseup = dfu;

        function dfu(event) {
            document.getElementById("showtextid").innerHTML = "selection ended the selected text is   :   " + document.selection.createRange().text+"";
        }
        function df(event) {
            document.getElementById("showtextid").innerHTML = "selection started" ;

        }
      
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
       <div id="showtextid"></div><br />
       this is just for testing

       I am interested in saving text when user selects any text anywhere on a web page that text has to be highlighted and has to save that text as a string in C#.
when same user saw same page next time text has to be highlighted as done previously by him.
If anyone knows a simple elegant way to do this I would really appreciate it, but I'll take any solution at this point. Even if you can point me in the right directions that would be appreciated. Thanks in advance.
    </div>
    </form>
</body>
</html>

If you are using Jquery then no problem.

I hope you understood what I did

Use $.post() to post selected data to server and save in database .

All the Best.

Rakesh Bairi · Answer 2 · 2011-09-22T02:45:00

Thanks for your reply but it will not work other than IE .

I m tried with this code

C#

function highlight() {
           var range, sel;
           // IE case
           if (document.selection && document.selection.createRange) {
               range = document.selection.createRange();
               //range.execCommand("Bold", false, null);
               range.execCommand("BackColor", "false", "yellow");
               txt = document.selection.createRange().text;
           } else if (window.getSelection) {
               // Non-IE
               sel = window.getSelection();
               if (sel.rangeCount && sel.getRangeAt) {
                   range = sel.getRangeAt(0);
                   alert(range);
               }
               document.designMode = "on";
               if (range) {
                   sel.removeAllRanges();
                   sel.addRange(range);
                   alert(range);
               }
               // document.execCommand("Bold", false, null);
               document.execCommand("BackColor", "false", "yellow");
               document.designMode = "ofx  f";
           }
       }
   </script>

but using this code i m getting problem in firefox but it works fine in IE,Chrome and also i have show highlight the text when same user open same page next time For that i have to store text in my database.

Highlight selected text and show next time

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0