Create a pop-up : Dialog « Window Browser « JavaScript DHTML

Create a pop-up

  
<html>
<head>
<script type="text/javascript">
function show_popup(){
    var p=window.createPopup()
    var pbody=p.document.body
    
    pbody.style.backgroundColor="lime"
    pbody.style.border="solid black 1px"
    pbody.innerHTML="Click outside to close."
    p.show(150,150,200,50,document.body)
}
</script>
</head>

<body>
<button onclick="show_popup()">Show pop-up</button>
</body>

</html>

Related examples in the same category

1.	Displays and monitors the most used dialog boxes
2.	Dialog in JavaScript
3.	Open a dialog window
4.	String Object's Length, Document.Location Properties, confirm and input dialog
5.	Working with the Alert, Confirm, and Prompt Methods
6.	Alert box (dialog) with line-breaks
7.	Button click to display dialog
8.	Pop-up Window - centred
9.	Display a confirm box (dialog)
10.	Display a prompt box (dialog)
11.	Confirm Dialog Box
12.	The Prompt Dialog Box: check the return result
13.	Document for the Modeless Dialog Box
14.	Use prompt for password checking
15.	User input
16.	Yes/No Confirmation
17.	Non string parameter for alert()
18.	Dialog Box Demo
19.	Alert Window
20.	Main Page for show Modeless Dialog
21.	Document for the Modal Dialog
22.	Main Page for show Modal Dialog
23.	Alert Dialog
24.	What is the output of a confirm dialog
25.	If OK button was clicked
26.	Use if-else with confirm dialog
27.	Prompt Input Dialog
28.	Pass string parameter to alert dialog box
29.	Pass integer value to alert dialog box
30.	Assign returning value from prompt dialog box to your variable
31.	A carriage return in alert dialog box
32.	Escape string in alert dialog box
33.	Tab key in the alert dialog box
34.	New line character in alert box