programmatically highlight HTML element on (DOM) tree node click event

Question

0.00/5 (No votes)

See more:

Does anyone know how to highlight an HTML element based on a DOM tree node click event...

...I have a webbrowser control & a treeview control...once I load a website I create a HTML DOM tree representation of the website...

What I want to do now, is the following:

mouse over any HTML element, which will then select the corresponding tree node on the HTML DOM Tree and the reverse, select any tree node and have the corresponding HTML element highlighted with a red border/box drawn around it (much like how FireBug functions)

I've been looking all over the internet for any... ...ANY type of help but have been coming away with just pure frustration

I would really appreciate any kind of help...

Posted 17-Jul-10 11:30am

Didi L J Charles

Add a Solution

Comments

Sandeep Mewara 18-Jul-10 0:10am

You have tagged it as C++. Do you really want this in C++? Sounds like more of a Javascript! Please update the question.

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)

Niklas L · Answer 1 · 2010-07-17T23:17:00

Actually it's not really as hard as it might look. Using IHTMLDocument2 as a root you can insert whatever html is necessary to draw the highlighting. Yes, you will affect the DOM tree by inserting even more html, but keep that away from your visible DOM tree.

I recommend you develop the selection of html elements using JavaScript to begin with, and then translate into C++.