Dreamweaver Tutorial: Pop-up web window design full Raiders

Source: Internet
Author: User
Tags relative dreamweaver
dreamweaver| Introduction | tutorials | design | Web page How to use the page pop-up various forms of windows, I think we are mostly know some, but that kind of various pop-up window is how to get out, we today to learn:

1. Bounce a full-screen window

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

2. Restart a F11 window

<body >;
<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> http://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".

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.