FrontPage 2000 Tips-teach you how to create pop-up windows with ease

Source: Internet
Author: User
Tags add window dreamweaver
frontpage| pop-up Window | tips

"How do I make pop-up windows?" "This is a question that Dreamweaver beginners often ask. Find a site to provide special effects, or down a special effects tool to paste the code can not get! It's not easy. In fact, the easiest way is to use our most commonly used Dreamweaver. A general pop-up window, a few simple locations can be completed. Don't believe it? Come and see! Just follow these steps and you can easily make pop-up windows.

1. First of all, from the menu bar window->behaviors (window-> behavior) or directly press the shortcut key SHIFT+F3 pull up the behavior panel.

2. As shown, add the behavior by adding "+" in the upper-left corner of the behavior panel, and select the "Open Browser window (popup)" Behavior in the pop-up menu.

3. After you select the behavior, the Open Browser Window dialog box pops up, as shown in the figure. Just fill in the dialog box with the appropriate window information, press "OK" to complete the pop-up window customization. which
URL to display: for the address you want to display in a new window, you can enter the address directly, or you can press the "Browse" button to specify it.
"window width" and "Window Height": the width and height of the new window, respectively, PX.
"Attributes": for the properties of the window. "Navigation Toolbar", "menu bar", "Location Toolbar", "Scrollbars as Needed", "Status Bar", "Resize Handles", respectively, represent toolbars, menu bars, Position the toolbar, scroll bars, and change size handles. Selecting the check mark before the corresponding position represents the corresponding attribute in the new window.
"window name": the name of the target window. You can pick one up, or you can specify the name of a window within a frame group. When you make a pop-up window, the name can be a random one.

After completing the previous steps, the behavior panel will look like this, which means that the load page (onLoad) opens with a new browse window.

In fact, the process of adding behavior to the behavior panel is to Dreamweaver the process of generating JavaScript code. In the previous steps, the following code was generated. In bold below, a comment between "<!-" and "-->" for that section of code:

<title> Untitled Document </title>

<meta http-equiv= "Content-type" content= "text/html; charset=gb2312 ">

<script language= "JavaScript" >

<!--

function Mm_openbrwindow (theurl,winname,features) {//v2.0

window.open (Theurl,winname,features);

}

-->

</script><!-Open the window based on the value passed over-->

<body bgcolor= "#FFFFFF" text= "#000000" > <!-Sets the values of the individual properties of the pop-up window, passes the values to each corresponding parameter, and sets the firing event to onload-->

Pop-up window effect

</body>

You can understand the code above: when the OnLoad event fires (that is, when the image or page finishes loading), call the Mm_openbrwindow () method, and the value "' yourpage.htm ', ' winname ', ' Toolbar=yes ', Location=yes, Status=yes,menubar=yes,scrollbars=yes, resizable=yes,width=300,height=200 ' "(here called the argument) pass in the corresponding formal parameter--" Theurl,winname,features ", for window.open () use. Note that all three parameters are enclosed in single quotes. In this code, the most critical sentence is: "window.open (Theurl,winname,features)". It means to open the page on the theURL address in a window named Winname, according to features's characteristics.

After understanding the meaning of the code, we can know that the code can write directly: add a sentence in <body>. This type of writing is the same as Dreamweaver automatically generates code.

We already know the meaning of the three parameters in window.open ()-The first is the address of the page to be displayed, the second is the name of the target window, and the third is a description of the window's appearance characteristics. The first to second argument is not much, let's talk about the third argument. For the third argument, we can write "' Toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no, width= height=200,left=100, top=100 ' "Here toolbar represents the toolbar, location represents the address bar, the directories represents the navigation bar, status is the state bar, menubar is the menu bar, ScrollBars is a scroll bar, resizable to change the size handle, while width, height represents the width and height of the window, and left and top indicates where the window pops up. toolbar, location, directories, status, menubar, scrollbars, resizable values can be set to Yes, no, 1, or 0,yes (1) to indicate that the new window has this attribute, no (0) or No. The width, height, left and top values should be filled in with the number of PX.

Do you understand what you've said so much? Is it easy to create pop-up windows by adding behavior to the Dreamweaver? Handwriting code is also not very difficult! As long as you practice, in a very short period of time, you will feel: the original pop-up window, is so simple!




Related Article

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.