Solved

Need tree flash menu to expand outside of table.

Posted on 2008-06-09
5
504 Views
Last Modified: 2010-04-29
I have a menu I am happy with in flash. I'm building it based on this www.extendstudio.com but when i stick in the cell it stays confined to the cell dimensions. I need the tree to expand outside the cell and overtop the page. Can this happen? I've messed with every combination of settings in the Publish window (Transparent Windowless, etc...).
You can see what I'm on about if you go here. http://www.blitzprint.com/frontlist/content/menu.html

I'm sure there are 100's of better ways to do this, so I'm all ears, but if I can use the menu I've already paid for that would be the coolest.

Cheers

Pete
0
Comment
Question by:Greglan
  • 3
  • 2
5 Comments
 
LVL 14

Expert Comment

by:tomaugerdotcom
ID: 21747283
You know, it seems to me like you're 80% of the way there.

If you put your Flash into its own DIV, which you then turn into an absolutely-positioned div (position:absolute;) which you then place precisely over the area, make sure your Flash export settings are transparent, you should be good to go.

If that doesn't work, and you're getting frustrated, why not go back to old-school styles? Take a screen snapshot of your web page, place it precisely in your flash document - so that when the flash SWF is placed over top of your HTML you can't tell that it's opaque, because you've reproduced the rounded-corner frame behind it. Heck, you could even draw that rounded-corner box in Flash instead of going with a pixel-based screenshot if you want.

But I think you should definitely try the AP div option with transparent background first.

T
0
 

Author Comment

by:Greglan
ID: 21747528
OK, so now I'm 90% there. The DIV was a good idea and seemed to do the trick. I just need to force the background of the movie transparent. My flash publishing settings for HTML are  "Transparent Windowless" but it keeps giving me a background. I get a light grey regardless of that i pick in flash ehen publishing. Can I force it somehow?

Pete
0
 
LVL 14

Expert Comment

by:tomaugerdotcom
ID: 21747557
What version of Flash and what version of FlashPlayer are you running?
0
 
LVL 14

Accepted Solution

by:
tomaugerdotcom earned 125 total points
ID: 21747646
So, I published a really silly little Flash button from CS3 as a FlashPlayer 9 SWF. Then I inserted it into a little HTML file that I made that has a coloured box with the Flash over it.

See below for the code. I created the code in DreamweaverCS3, but you should be able to copy and paste this into your doc, with a few changes...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Untitled Document</title>

<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>

<style type="text/css">

	div#box { width:100px; height:500px; background:red; }

	div#flash { position:absolute; top:10px; left:10px; }

</style>

</head>
 

<body>

	<div id="box">test</div>

	<div id="flash">

		<script type="text/javascript">

AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','300','height','300','src','transp','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','wmode','transparent','movie','transp' ); //end AC code

</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="300" height="300">

			<param name="movie" value="transp.swf" />

			<param name="quality" value="high" />

			<param name="wmode" value="transparent" />

			<embed src="transp.swf" width="300" height="300" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent"></embed>

		</object>

</noscript>

	</div>

</body>

</html>

Open in new window

0
 

Author Closing Comment

by:Greglan
ID: 31465548
Wicked, the DIV combined wth the wmode transparent worked great.
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In my long career of working as an actionscript developer, I had spent sleepless night often working hard to solve some small problems which actually took a lot of my development time; later found out the solutions to be a line or two. Here are s…
I have found that much of my time doing support ends up being a constant repetition of the same steps to different people.  Early on I stated using web pages with Frequently Asked Questions (FAQs) to alleviate most of the burden.  Sometimes this jus…
The goal of the tutorial is to teach the user how to live broadcast using Flash Media Live Encoder and connecting it to YouTube to broadcast. Log into your Youtube account, choose live stream settings, start live stream from Flash Media Live Enc…
The goal of the tutorial is to teach the user what frame rate is, how to control it and what effect it has on the video.

920 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

14 Experts available now in Live!

Get 1:1 Help Now