devxlogo

Display Popup Windows

Display Popup Windows

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!!!

devxblackblue

About Our Editorial Process

At DevX, we’re dedicated to tech entrepreneurship. Our team closely follows industry shifts, new products, AI breakthroughs, technology trends, and funding announcements. Articles undergo thorough editing to ensure accuracy and clarity, reflecting DevX’s style and supporting entrepreneurs in the tech sphere.

See our full editorial policy.

About Our Journalist