Hideable Comments box

Answer 1

Hi,

I think there are several jQuery plugins for what you're trying to achieve. Have a look at this search page: http://plugins.jquery.com/search/node/inline+edit

Nander

Answer 2

For the storing part, you don't have to use an array at all. Just add a hidden input next to every '@' link (or anywhere in the page, for that matter) with a meaningful name. When you close the floating div, put the comment into the hidden input. Then your php file will be able to read and process these values on submission.

Displaying a floating div is just a matter of absolute (or relative, if you want to display next to the table cells) positioning. Try this css:

div#comms {
  position: absolute;
  width: 300px;
  left: 50%;
  margin-left:-100px;
  height: 200px;
  top: 50%;
  margin-top:-150px;
}