Here is a simple way to provide popup window functionality in your Webpages. The idea is to display a popup window if the user moves the mouseover certain text areas which have got some detail information associatedwith it. The popup window is a non modal instance of browser window whichdisplays an HTML page that is associated to the text that resulted in launchof popup window.
For example, you can add this kind of functionality to Web pages thatdisplay information about cities in a state or profiles of differentcompanies. The page can display a popup window when user moves the mouseover certain text. The popup window can display the population and coveredarea of the city or performance of a company in past 12 months.
Here is sample HTML page that displays a popup window if you move your mouseover text “Hotmail” or “Yahoo”. Function PopupWindow() is called from the”OnMouseOver()” event handler which displays the popup window.
Sample to display Popup Windows Sample to display Popup Windows:
(a) Popup link to OnMouseOver="return PopupWindow(this,'http://www.hotmail.com')">Hotmail
(b) Popup link to OnMouseOver="return PopupWindow(this,'http://www.yahoo.com')">Yahoo!!!
Charlie has over a decade of experience in website administration and technology management. As the site admin, he oversees all technical aspects of running a high-traffic online platform, ensuring optimal performance, security, and user experience.
