Goal:
- Upon Mouseover – open a popup that have an iFrame with customized content.
- The height of the popup should be dynamic with respect the content of the iFrame
- The popup should be in the visible area of the browser.
- If the the height of the popup is more than the visible area of the browser, then the hidding part should be the bottom portion of popup.
Terminologies:
Let the div that should react to mouse over be ‘item’ and the ‘popup’ will appear upon mouseover on the items.
Solution:
