High lite a text on Specific X&Y Position in Javascript

Question

1.00/5 (1 vote)

See more:

XML

Hello folks,
                I have an issue that I want to High lite a specific  text according to  its X And Y position in browser. for Example
 <div>
<h4>
Hi, This is your Invoice No 1234567890
</h4>
</div>
This Text is under<div> <h4> tag. If i want to High lite  dynamically a specific X and Y position of <h4> then how it is possible using pure javascript.Please note  that need only in Javascript not in Jquery. I am not using any-kind of jquery.i f you have any code or idea to do this  then i am really appreciated.
Thank in Advance
KP Singh Chundawat

Posted 16-Dec-14 1:43am

KP Singh Chundawat

Add a Solution

Comments

Kornfeld Eliyahu Peter 16-Dec-14 7:54am

Please refine your sample? What do you mean by X-Y position? Do you have a specific sample?

KP Singh Chundawat 16-Dec-14 8:05am

Ok fine ...
This is My Javascript function
function changeColor(startinx,endindex) {
elem = document.elementFromPoint(startinx, endindex);
elem.style.color = "Red";
}

And This is My HTML Code
<div id="code" >

This is your invoice Number 123456789

<br />

This is your invoice Number 123456789

<br />

This is your invoice Number 123456789

<br />
</div>
<br />
<input type="button" value="Mark!" >
</body>

But It is Highlighting full text i dont want to Hightlite full text i want to need highlight a Specific value which is positioning between X&Y .
Thanks

Kornfeld Eliyahu Peter 16-Dec-14 8:09am

elmentFromPoint is working on X,Y PIXEL!!! coordinates!!! so your endindex variable will be interpreted as Y coordinate!

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)