Display a page's elements as selectable (HTML/PHP)

Question

Hello :)

I am looking for a way to make all visible objects in a webpage selectable by a visitor.

For example, I take google's homepage as source, my php script already gets the homepage, and stores everything in an array.

Now I want to show the google homepage with every object (span, div, body, td etc...) selectable. My visitor will select a few objects and then click submit (form post)

I do not know how to do this, even after searching dhtml and so ..

Thansk for your help

Mykeul

Answer 1

1. Parse the html page, if the actual element has an ID, just store, if not set an ID.
2. When you have all ID-s set a border for each element
3. Set an onClick, onMouseOver event handler
4. Handle clicking
5. Finally post the select element's id

Jquery would help you.