Five Web pop-up window instance code

Source: Internet
Author: User
Tags format html page relative version window access
Pop-up windows | Web page

1. Bounce a full-screen window

<body http://www.webjx.com ', ' example01 ', ' fullscreen '/' >http://www.webjx.com ', ' example01 ', ' fullscreen '); >
<b>www.webjx.com</b>
</body>

2. Restart a F11 window

<body http://www.webjx.com ', ' example02 ', ' channelmode '/' >http://www.webjx.com ', ' example02 ', ' channelmode '); >
<b>www.webjx.com</b>
</body>

3. Bounce A window with the Favorites link toolbar

<body >
<b>www.webjx.com</b>
</body>

4. Web Page dialog Box

<script language= "JavaScript" >
<!--
ShowModalDialog (' http://www.webjx.com ', ' example04 ', ' dialogwidth:400px;dialogheight:300px;dialogleft:200px; Dialogtop:150px;center:

Yes;help:yes;resizable:yes;status:yes ')
-->
</SCRIPT>
<b>www.webjx.com</b>
</body>

<script language= "JavaScript" >
<!--
showModelessDialog (' http://www.webjx.com ', ' example05 ', ' dialogwidth:400px;dialogheight:300px;dialogleft:200px; Dialogtop:150px;center:yes;

Help:yes;resizable:yes;status:yes ')
-->
</SCRIPT>
<b>www.webjx.com</b>
</body>


ShowModalDialog () or showModelessDialog () to invoke the Web Page dialog, the difference between ShowModalDialog () and showModelessDialog () is ShowModalDialog ( Open window (short mode window), placed on the parent window, must be closed in order to access the parent window (recommended as little as possible, so as not to be annoying); showModelessDialog () (for short, modeless window), open without having to close or access the window opened by the parent window.
Dialogheight:iheight sets the height of the dialog box window.
Dialogwidth:iwidth sets the width of the dialog box window.
Dialogleft:ixpos sets the left position of the dialog window relative to the upper-right corner of the desktop.
Dialogtop:iypos sets the top position of the dialog window relative to the upper-left corner of the desktop.
Center: {Yes No 1 0} Specifies whether the dialog box is centered on the desktop, and the default value is yes.
Help: {Yes No 1 0} Specifies whether the dialog box window displays a context-sensitive aid icon. The default value is yes.
Resizable: {Yes No 1 0} Specifies whether the dialog box window is variable in size. The default value is "no".
Status: {Yes No 1 0} Specifies whether the dialog box window displays the status bar. For modeless dialog windows, the default value is Yes, and for modal dialog windows, the default is "no".

5.HTA window

The full name of the HTA is HTML application, translated as an HTML application, You simply use the. HTA to save an HTML page for an extension even if you create an HTA file, let's use an HTA to make a window, save the following code as an. hta file, and then open it in a browser.

<HTML>
<HEAD>
<TITLE>www.webjx.com</TITLE>
Applicationname= "MYAPP"
Border= "Thin"
Borderstyle= "Normal"
caption= "Yes"
icon= "Filename.ico"
maximizebutton= "Yes"
minimizebutton= "Yes"
Showintaskbar= "No"
Ingleinstance= "No"
sysmenu= "Yes"
Version= "1.0"
windowstate= "Normal"/>
</HEAD>
<BODY>
<b>www.webjx.com</b>
</BODY>
</HTML>

Some people will find that the above code is a little different from the usual HTML, hta:application tag, which is the key, the HTA through it to provide a series of application-oriented features, and then talk about its properties (my head is swollen)

ApplicationName Property (ApplicationName)
This property sets the name of the HTA.
Border Property (border)
This property is the window border type set to an HTA, and the default value is thick.
It can be set to thick the specified window as a thick border
dialog window specifies a dialog box
None specifies a window without Borders
thin specifies that the window is a narrow border
BorderStyle Property (BorderStyle)
This property sets the border format for the HTA window, and the default value is normal.
It can be set to
Normal normal border format
Complex bump Format Combo border
Raised protruding 3D border
Static 3D Border format
Sunken recessed 3D border
Caption property (caption)
This property sets whether the HTA window displays a title bar or caption, and the default value is yes.
Icon Property (icon)
This property sets the icon for the application.
Maximizebutton Property (Maximizebutton)
This property shows whether the Maximize button is displayed in the HTA window, and the default value is yes.
Minimizebutton Property (Minimizebutton)
This property sets whether the Minimize button is displayed in the HTA window, and the default is yes.
ShowInTaskbar Property (ShowInTaskbar)
This property sets whether the application is displayed in the taskbar, and the default is yes.
SingleInstance Property (singleinstance)
This property is set whether this application can run only once. The secondary property is identified with the ApplicationName property, and the default value is No.
Sysmenu Property (Sysmenu)
This property sets whether the System menu is displayed in the HTA window, and the default value is yes.
Version Property (version)
This property sets the version of the application and the default value is null.
WindowState Property (WindowState)
This property sets the initial size of the HTA window, and the default value is normal.
It can be set to the normal default size
Minmize minimization of
Maximize maximization
The above brackets are the properties referenced in the script. The above properties are read-only in the script. In addition, you can use the CommandLine property in the script to retrieve the parameters of the application when it starts.
You can also continue to use most of the tags, scripts, and so on in your HTA.



Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.