The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Interactable Div Popup On Hover/Mouseover?

Hi guys,

I'm looking to make a page that works like so:

A preset height div is displayed that shows only so much of an entry and is rather small. Upon moving your mouse over this box, which will not be an image, a popup box will appear at the mouse enlarging the contents of the box.

I would like it so that if you click the box, the window will stay open and you can interact with it's contents, then having to click an 'x' in the corner to close it. There will be several of these on one page.

I am familiar with html/css/javascript but not to a point where I could code something like this. My problem is: where do I start and in what language(s) would it be possible to do something like this? Any info you could provide would be greatly appreciated

To see where I'm coming from, have a look at how http://www.fotolia.com does there image rollovers. It would work just like it but would not be just enlarging the picture and if you where to click the picture, the box would stay open and you could fill out a form inside it.

I would like it so that if you click the box, the window will stay open and you can interact with it's contents, then having to click an 'x' in the corner to close it. There will be several of these on one page.

I know JS has been around forever. Are there still things that give some browsers problems? Is something like this able to work on the range of browsers I need.

Is it ever possible to do something like this without the browser giving a warning?

I presume that you're not getting any warnings. It works in I.E., Mozilla, Opera & Safari (Win) and theoretically should work on any W3C DOM - compatible browser, which in practice means anything realistically usable on today's internet.