Home  >  Article  >  Web Front-end  >  WEB page sub-window (showModalDialog and showModelessDialog) usage instructions_Basic knowledge

WEB page sub-window (showModalDialog and showModelessDialog) usage instructions_Basic knowledge

WBOY
WBOYOriginal
2016-05-16 18:43:291485browse

Usage environment:
ShowModalDialog IE4 or above
showModelessDialog IE5 or above
Difference:
showModalDialog will always maintain input focus after it is opened. The main window cannot be operated unless the dialog box is closed.
ShowModelessDialog After being opened, the user can switch the input focus randomly. It's just that the main window is blocked by the dialog box.
Usage:
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
Parameter description:
sURL Required parameter, type: string. Used to specify the URL of the document to be displayed in the dialog box.
vArguments Optional parameters, type: variant. Used to pass parameters to the dialog box. The type of parameters passed is not limited, including arrays, etc. The dialog box obtains the parameters passed in through window.dialogArguments.
sURLsFeatures Optional parameters, type: string. Used to describe the appearance of the dialog box and other information, you can use one or more of the following, separated by semicolons ";".
  1.dialogHeight dialog box height, not less than 100px, the default unit of dialogHeight and dialogWidth in IE4 is em, while in IE5 it is px
  2. dialogWidth: dialog box width.
  3. dialogLeft: distance from the left side of the screen.
  4. dialogTop: distance from the screen.
  5. center: { yes | no | 1 | 0 }: Whether to center, the default is yes, but the height and width can still be specified.
  6. help: {yes | no | 1 | 0}: Whether to display the help button, the default is yes.
  7. resizable: {yes | no | 1 | 0} [IE5]: Whether it can be resized. The default is no.
  8. status:{yes | no | 1 | 0} [IE5]: Whether to display the status bar. Default is yes[Modal] or no[Modal].
  9. scroll: { yes | no | 1 | 0 | on | off }: Whether to display the scroll bar. The default is yes.
  10. dialogHide:{ yes | no | 1 | 0 | on | off }: Whether the dialog box is hidden during printing or print preview. The default is no.
  11. edge:{ sunken | raised }: Specifies the border style of the dialog box. The default is raised.
  12. unadorned: { yes | no | 1 | 0 | on | off }: The default is no.
Example:
f.html

Copy code The code is as follows:

< ;html>

Main window








c.html
Copy code The code is as follows :



dialog







Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn