Solved

Need tree flash menu to expand outside of table.

Posted on 2008-06-09
5
506 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

Networking for the Cloud Era

Join Microsoft and Riverbed for a discussion and demonstration of enhancements to SteelConnect:
-One-click orchestration and cloud connectivity in Azure environments
-Tight integration of SD-WAN and WAN optimization capabilities
-Scalability and resiliency equal to a data center

Question has a verified solution.

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

This article describes a solution to a problem of subloading one movie into another when they have different SWF versions. Sometime back, I was working on an ActionScript project while I came across an interesting fact which I would like to share…
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…
In this tutorial viewers will learn how to create a basic shape tween animation in Flash including shape hints for smooth animation Open a new document in Flash: Draw a shape: Select another frame (how long you want the tween to be): Right click and…
Users will learn how resize a batch of photos from a single command in Photoshop via Photoshop's Image Processor. Open up an Image you'd like to resize in Adobe Photoshop: Adjust the image size according to your preferences. Image > Adjustments > …

821 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