Main Page for show Modal Dialog

  

<HTML>
<HEAD>
<TITLE>window.setModalDialog() Method</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var currPrefs = new Array()
function getPrefsData() {
    var prefs = showModalDialog("http://www.java2s.com", currPrefs,
        "dialogWidth:400px; dialogHeight:300px")
    if (prefs) {
        if (prefs["name"]) {
            document.all.firstName.innerText = prefs["name"]
            currPrefs["name"] = prefs["name"]
        }
        if (prefs["bgColor"]) {
            document.body.style.backgroundColor = prefs["bgColor"]
            currPrefs["bgColor"] = prefs["bgColor"]
        }
        if (prefs["textColor"]) {
            document.body.style.color = prefs["textColor"]
            currPrefs["textColor"] = prefs["textColor"]
        }
        if (prefs["h1Size"]) {
            document.all.welcomeHeader.style.fontSize = prefs["h1Size"]
            currPrefs["h1Size"] = prefs["h1Size"]
        }
    }
}
function init() {
    document.all.firstName.innerText = "friend"
}
</SCRIPT>
</HEAD>
<BODYonLoad="init()">
<H1>window.setModalDialog() Method</H1>
<HR>
<H2 ID="welcomeHeader">Welcome, <SPAN ID="firstName">&nbsp;</SPAN>!</H2>
<HR>
<P>Use this button to set style preferences for this page:
<BUTTON ID="prefsButton" onClick="getPrefsData()">
Preferences
</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.	Create a pop-up
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

Main Page for show Modal Dialog : Dialog « Window Browser « JavaScript DHTML

Related examples in the same category