Modifying the DOM

Hi,

I'd really appreciate any insight into the following:

I am creating an extension in Firefox whereby the user can highlight several texts on a web page. A button should appear just above the beginning of the highlighted text which when clicked will display an input textbox where the user can add comments.This textbox then can be closed whilst retaining the information.

Basically, I need some info on how to create a button on top of the selected text and when clicked display an input text box.

Thank you

Kind regards

Chris

put it in a div and control visibility.

http://www.mediacollege.com/internet/javascript/form/add-text.html

http://blog.movalog.com/a/javascript-toggle-visibility/

thanks alot for the information regarding creating a text box and your promt reply.

How would I create a button just on top of the highlighted text. I guess I need to get some co-ordinates right?

any idea guys/girls?

Basically I want to create the button just on top of the selected text on any webpage I access?

Thanks for your input