<?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/"
	>

<channel>
	<title>Stuff &#187; flash</title>
	<atom:link href="http://dmallonee.com/stuff/tag/flash/feed/" rel="self" type="application/rss+xml" />
	<link>http://dmallonee.com/stuff</link>
	<description>Miscellaneous Miscellany</description>
	<lastBuildDate>Thu, 01 Apr 2010 17:29:49 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Flash overlapping Javascript elements</title>
		<link>http://dmallonee.com/stuff/2008/11/09/flash-overlapping-javascript-elements/</link>
		<comments>http://dmallonee.com/stuff/2008/11/09/flash-overlapping-javascript-elements/#comments</comments>
		<pubDate>Mon, 10 Nov 2008 02:17:11 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[Miscellany]]></category>
		<category><![CDATA[dhtml]]></category>
		<category><![CDATA[dolphin]]></category>
		<category><![CDATA[flash]]></category>
		<category><![CDATA[flash overlap]]></category>
		<category><![CDATA[flash overlapping javascript]]></category>
		<category><![CDATA[flash z-order]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[z-order]]></category>
		<category><![CDATA[zorder]]></category>

		<guid isPermaLink="false">http://dmallonee.com/stuff/?p=28</guid>
		<description><![CDATA[On a particular Dolphin CMS setup I was working with, my Flash illustration was overlapping the DHTML drop-down menu, so that I couldn&#8217;t see all of that menu. That menu was a necessity to run the site cleanly, so I had to find some means of getting the Flash and DHTML to play well together.
So, [...]]]></description>
			<content:encoded><![CDATA[<p>On a particular Dolphin CMS setup I was working with, my Flash illustration was overlapping the DHTML drop-down menu, so that I couldn&#8217;t see all of that menu. That menu was a necessity to run the site cleanly, so I had to find some means of getting the Flash and DHTML to play well together.</p>
<p>So, in searching Google for something to the effect of &#8220;Flash z-order&#8221;, I ultimately came to some pages explaining that the more recent browsers/browser versions came equipped with capabilities which allow Flash swfs to operate alongside DHTML elements as if the two were meant to work together.</p>
<p>Basically, the code calling the Flash swf just needs to state something to the effect of <code>&lt;param value="opaque" name="wmode" /&gt;</code>.</p>
<p>The following is the precise code used to call my particular swf, reformers.swf:</p>

<div class="wp_syntax"><div class="code"><pre class="xml" style="font-family:monospace;"><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;object</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">&quot;150&quot;</span> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">&quot;920&quot;</span></span>
<span style="color: #009900;"><span style="color: #000066;">codebase</span>=<span style="color: #ff0000;">&quot;http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0&quot;</span> <span style="color: #000066;">classid</span>=<span style="color: #ff0000;">&quot;clsid:d27cdb6e-ae6d-11cf-96b8-444553540000&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;param</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">&quot;/media/reformers.swf&quot;</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;src&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;param</span> <span style="color: #000066;">value</span>=<span style="color: #ff0000;">&quot;opaque&quot;</span> <span style="color: #000066;">name</span>=<span style="color: #ff0000;">&quot;wmode&quot;</span> <span style="color: #000000; font-weight: bold;">/&gt;</span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;embed</span> <span style="color: #000066;">height</span>=<span style="color: #ff0000;">&quot;150&quot;</span> <span style="color: #000066;">width</span>=<span style="color: #ff0000;">&quot;920&quot;</span></span>
<span style="color: #009900;"><span style="color: #000066;">wmode</span>=<span style="color: #ff0000;">&quot;opaque&quot;</span> <span style="color: #000066;">src</span>=<span style="color: #ff0000;">&quot;/media/reformers.swf&quot;</span></span>
<span style="color: #009900;"><span style="color: #000066;">type</span>=<span style="color: #ff0000;">&quot;application/x-shockwave-flash&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span><span style="color: #000000; font-weight: bold;">&lt;/embed<span style="color: #000000; font-weight: bold;">&gt;</span></span></span>
<span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/object<span style="color: #000000; font-weight: bold;">&gt;</span></span></span></pre></div></div>

<p>I&#8217;m not sure how long this site will be in its current state, but for now at least, the following link should illustrate the meshing of the DHTML and Flash swf.</p>
<p><a title="HaveATulip Chat" href="http://haveatulip.com" target="_blank">http://haveatulip.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://dmallonee.com/stuff/2008/11/09/flash-overlapping-javascript-elements/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
