How do I create an "iframe popup" when I hover over an <a> tag?

Posted by Angela on Stack Overflow See other posts from Stack Overflow or by Angela
Published on 2010-04-18T20:30:58Z Indexed on 2010/04/18 20:33 UTC
Read the original article Hit count: 280

Filed under:
|
|

Here is the scenario: a User will see a list of company names, each wrapped in an tag. He is able to see dynamic information and as he hover over each name and then make a request.

So Given a list of companies, each wrapped in an tag.

When the cursor hovers over an tag

Then a "pop-up" appears that contains an -based, dynamic content.

Given the pop-up When the User clicks on the "submit" button in the pop-up Then the form (based on the framework" is submitted and ajax displays "request succesful"

So, because I am using a php-framework, I'd like to use iframe to contain the form.

Some challenges:

When the cursor is no longer hovering over the tag, the hover disappears. How do I keep it operating?

How do I make it appear in an so I can have full form-submission and POST-ing dynamic values through the URL?

How do the "popup" disappear when the cursor is no longer on either the -tag or the pop-up itself?

Can I do it without loading a bunch of 's onto the page, because the list of companies could be long.

© Stack Overflow or respective owner

Related posts about popup

Related posts about hover