Flash: Pop-up Windows
Source Files:Mac
|
PC
Level:
Easy-Medium
Test
In this lesson we’re 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.
|
