<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	xmlns:series="http://unfoldingneurons.com/"
	>

<channel>
	<title>Web Design Tutorials &#187; Learn to create a customizable pop-up window using Flash CS4.</title>
	<atom:link href="http://bestwebdesignz.com/tips/tag/learn-to-create-a-customizable-pop-up-window-using-flash-cs4/feed/" rel="self" type="application/rss+xml" />
	<link>http://bestwebdesignz.com/tips</link>
	<description></description>
	<lastBuildDate>Mon, 23 Apr 2012 11:48:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Learn to create a customizable pop-up window using Flash CS4.</title>
		<link>http://bestwebdesignz.com/tips/flash-cs4-tutorial/learn-to-create-a-customizable-pop-up-window-using-flash-cs4/</link>
		<comments>http://bestwebdesignz.com/tips/flash-cs4-tutorial/learn-to-create-a-customizable-pop-up-window-using-flash-cs4/#comments</comments>
		<pubDate>Wed, 27 May 2009 10:01:16 +0000</pubDate>
		<dc:creator>clement</dc:creator>
				<category><![CDATA[Flash CS4 Tutorial]]></category>
		<category><![CDATA[Learn to create a customizable pop-up window using Flash CS4.]]></category>

		<guid isPermaLink="false">http://bestwebdesignz.com/tips/?p=863</guid>
		<description><![CDATA[We are going to learn how to create pop-up windows in Flash CS4 using Action Script 2.0. Create a new Flash AS 2.0 document: File &#62; New &#62; Flash File (ActionScript 2.0) If you have already created a Flash AS 3.0 file you will need change your publish settings to AS 2.0: File &#62; Publish [...]]]></description>
			<content:encoded><![CDATA[<p>We are going to learn how to create pop-up windows in Flash CS4 using Action Script 2.0.</p>
<p>Create a new Flash AS 2.0 document:<br />
File &gt; New &gt; Flash File (ActionScript 2.0)</p>
<p>If you have already created a Flash AS 3.0 file you will need change your publish settings to AS 2.0:<br />
File &gt; Publish Settings &gt; Flash &gt; Script: ActionScript 2.0</p>
<p>Step 1: Create a button symbol and place it on the stage like the one below.<br />
<img class="alignnone size-full wp-image-864" title="Learn to create a customizable pop-up window using Flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image252.png" alt="Learn to create a customizable pop-up window using Flash CS4" width="288" height="76" /><br />
Step 2: Name the instance of the button &#8220;launch.btn&#8221;, as seen here<br />
<img class="alignnone size-full wp-image-865" title="Learn to create a customizable pop-up window using Flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image254.png" alt="Learn to create a customizable pop-up window using Flash CS4" width="172" height="59" /></p>
<p>Step 3: Now we need to create the action script, </p>
<p>Create another layer and call it actions, your timeline will look like this below<br />
<img class="alignnone size-full wp-image-866" title="Learn to create a customizable pop-up window using Flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image256.png" alt="Learn to create a customizable pop-up window using Flash CS4" width="200" height="71" /><br />
Let’s now write the action script, so go to actions layer in frame1 and press F9</p>
<p>We will write launch_btn (which is the instance name of the button).onRelease (which on release is going to perform a function as defined).</p>
<p>In the next line getURL (“ “). Now in-between these quotes we are going to call a java script that will publish the swf file and the html file.</p>
<p>In the html file we are going to write a javascript function. So in the getURL function we are going to call the java script function, so in-between the quotes we are going to call a java script function</p>
<p>So type javascript; and type the function we are going to call, lets go and call this function launch, and in brackets we are going to send this function to an URL that its going to take us to, so type bestwebdesignz.com in single quotes, so your action script will look like this below.<br />
<img class="alignnone size-full wp-image-867" title="Learn to create a customizable pop-up window using Flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image258.png" alt="Learn to create a customizable pop-up window using Flash CS4" width="600" height="115" /></p>
<p>Now save the file by going to the main menu File&gt; Save As&gt;call it popup.fla.<br />
At this point we have finished all that we need to do in flash, we now need to publish the file, so go to the main menu File &gt; Publish Settings, and make sure that the flash (.swf) and the html(.html) boxes are checked and click on publish and click ok like this below.<br />
<img class="alignnone size-full wp-image-869" title="Learn to create a customizable pop-up window using Flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image261.jpg" alt="Learn to create a customizable pop-up window using Flash CS4" width="420" height="196" /></p>
<p>Step 4: Now we need to go into our html file and need to add that javascript function. So open the notepad and open the popup.txt file and you need to add a function in between the title and the head as shown below,<br />
<img class="alignnone size-full wp-image-870" title="Learn to create a customizable pop-up window using Flash CS4" src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image262.png" alt="Learn to create a customizable pop-up window using Flash CS4" width="769" height="478" /></p>
<p>In this script you  are basically calling a function called launch in a new page and this will open an URL as defined in the page function with no toolbars, no menubar, no scrollbars, no location, with width =550 pixels and height =250 pixels and to show from the top=250 and from the left =250 .<br />
Now we need to upload the files to the server and test your movie, so go and save your file and  upload the .swf and html files to the bestwebdesignz server. Having uploaded the swf files and html files, switch to the browser window and type in the name here “bestwebdesignz.com, you will see that button which we designed earlier and when you click on the button, it will call the java script and load the bestwebdesignz.com site for you.</p>
<script type="text/javascript"><!--
                    google_ad_client = "pub-7099335855422733";
                    google_ad_slot = "4729128935";
                    google_ad_width = 336;
                    google_ad_height = 280;
                    //-->
                    </script>
                    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
                    ]]></content:encoded>
			<wfw:commentRss>http://bestwebdesignz.com/tips/flash-cs4-tutorial/learn-to-create-a-customizable-pop-up-window-using-flash-cs4/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<series:name><![CDATA[Flash CS4 Tutorials]]></series:name>
	</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.178 seconds -->

