How to use window.find() function in textarea?

Question

0.00/5 (No votes)

See more:

Hi,

I need to highlight the text which is entered as an input.Am using window.find() in javascript.If the content is outside of the textarea window.find() works fine.But if the content is inside of the textarea it seems like not working. just first occurence of string only getting hightlighted,am not gettin all of the occurences of string hightlighted inside textarea.

Here is my code.

XML

<pre lang="HTML"><pre lang="HTML"></pre><head>
    <script type="text/javascript">
        function FindNext () {
            var str = document.getElementById ("findInput").value;
            if (str == "") {
                alert ("Please enter some text to search!");
                return;
            }

            if (window.find) {        // Firefox, Google Chrome, Safari
                var found = window.find (str);
                if (!found) {
                    alert ("The following text was not found:\n" + str);
                }
            }
            else {
                alert ("Your browser does not support this example!");
            }
        }
    </script>
</head>
<body>
    <div>LaLa, Lala, laLa , lala, lalala, tralala, some other text</div>
    <br />
    <input type="text" id="findInput" value="lala" size="20" />
    <button onclick="FindNext ();">Find Next</button>
</body>
</pre>

Here the code is for only div..I need this working inside textarea also and I want to all the occurences of found string highlighted.
Thanks for reading

Posted 11-Aug-14 20:08pm

Vidhya Raju

Add a Solution

1 solution

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)

Sergey Alexandrovich Kryukov · Accepted Answer · 2014-08-11T20:39:00

First of all, it's not very useful to use the API which is not available in all browsers. See also the Mozilla warning (bug 672395):
https://developer.mozilla.org/en-US/docs/Web/API/Window.find[^],
https://bugzilla.mozilla.org/show_bug.cgi?id=672395[^].

However, if you wish to ignore the poor IE, it might work; too bad it's not a standard part of Javascript-in-a-Web-browser environment.

Now, it won't work with data entered in input controls, so what? You will need to find the strings in those values separately, using the property value and string search methods:
http://www.w3schools.com/jsref/jsref_search.asp[^],
http://www.w3schools.com/jsref/jsref_indexof.asp[^].

You can also use Regular Expression search: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/search[^].

—SA