Flash: Pop-up Windows
Source Files:Mac | PC
Level: Easy-Medium
Preview: Click
here
In this lesson were going to demonstrate
how to create the famous popup windows. Popup windows are everywhere.
This site relies heavily on them for displaying tool panels and
other images that otherwise would take up too much screen room to
display, not to mention burden users with more information than
they may not require.
While creating Popup Windows in HTML is rather straight forward,
they do require a couple of additional steps in Flash.
To create Popups in Flash, there are 2 parts: The Flash part is
where you create the buttons and actions, and the HTML part, where
you insert a little JavaScript into the top of the page.
Step 1: Creating the Button
In Flash, create
a button. We'll apply the Get URL action to the button.
Step 2: Assiging the Action to the Button
Select
the button and in the Actions Panel (normal mode) click the plus
sign and choose Basic Actions>Get URL.
Step 3: Entering the Code
In the Get URL field,
type the code exactly as it appears. It may be easier to copy
and paste the code from this page and drop it in to the Get URL
field.
javascript:openNewWindow('test.html','thewin',
'height=200,width=250,toolbar=no,scrollbars=no')
You can view the Actions Panel by clicking
here. The name of the .html file we'll open using flash is called
"test.html".
Step 4: Saving and Publishing
Change your publish
settings to include the HTML format. File>Publish
Settings...
Make sure Flash Only (Default) is selected
for Template. Click Publish. Save your file.
|