I'M GROKKING!
Thanks Aran - we learn more when we have to read through it ourselves :)
Here's my answer that's working. I didn't know that the version was the
minimum necessary - I thought it was my version as it said in some
articles. The styling on the flash target div is meaningless as it gets
replaced anyway. I also moved the flash target div completely out of the
rest of the content div's. This allowed me to style the flash object with
an enclosing div. I'm sure this is what you and Sam meant. I had to tweak
the height of the flash object (to 870) in order to make it fill the screen
totally. Maybe there's another way to ensure it fills the entire
background. This height probably varies with screen resolution. I guess
all div's must now be positioned absolute, or at least the parent
containers.
<head>
<script type="text/javascript">
var flashvars = {};
var params = {};
params.wmode = "opaque";
var attributes = {};
swfobject.embedSWF("RainbowWishBackgroundText.swf", "flashTarget",
"100%", "870", "9.0.0", "expressInstall.swf", flashvars, params,
attributes);
</script>
</head>
<body>
<form id="form1" runat="server">
<div style="position: absolute; left: 0px; top: 0px; width: 100%;">
<div id="flashTarget">
Flash Player version of at least 9.0.0 is required to see the
beautiful background!
</div>
</div>
<div id="Background" style="position: absolute; top: 0px; left: 0px;
width: 100%;">
<asp:Label ID="lblTest" runat="server" Text="HELLO
WORLD"></asp:Label>
<div>
<asp:ContentPlaceHolder id="cntBody" runat="server">
</asp:ContentPlaceHolder>
</div>
</div>
</form>
</body>
On Wed, May 5, 2010 at 8:45 PM, Aran Rhee <[email protected]> wrote:
> Hi Larry.
>
> 2.0 vs 2.2 - All 2.x version use the same API / strategy, so this does not
> matter.
>
> I suggest you read this tut:
>
> http://learnswfobject.com/advanced-topics/placing-html-elements-over-a-flash-movie/
>
> example:
> http://demos.learnswfobject.com/html-over-swf/dynamic.html
>
> You do not actually need to specify a z-index.
>
> re: wmode - wmode opaque works in SWFObject 1.x and 2.x (or old
> object/embed method), it is just most people misunderstand/stood what the
> modes actually mean. The default mode ="window" which means the swf is
> actually rendered on a completely independent windowed layer above all web
> page content. Once you specify either opaque or transparent, the swf will be
> a part of the layer stack of the html content. Transparent removes the
> background color from your swf and allows content behind the swf to show
> through the swf. Opaque does not let contnet show through, but it allows you
> to position other elements either behind or in front of the swf based on
> position / layers.
>
> expressInstall has nothing to do with the error you are seeing, as it will
> only be invoked if the user does not have your target version of Flash AND
> they have a flash player >=6.0.65.
>
>
>
> Aran
>
> <http://learnswfobject.com/advanced-topics/placing-html-elements-over-a-flash-movie/>
>
> On Thu, May 6, 2010 at 10:23 AM, Larry Wakeman <[email protected]>wrote:
>
>> Thanks Sam and Aran! I'm trying your techniques. I'm still not sure
>> where the sub-page ContentPlaceHolder control goes. There were a couple
>> mistakes on my original question: First, the scrolling text was there, I
>> just hadn't set it up right with my new version of my website. Second, I'm
>> on swfobject 2.2, not 2.0.
>>
>> Sam - you shouldn't have any trouble getting on my site - it's been online
>> for years, and works in the latest Firefox and IE7. Maybe you spelled it
>> wrong? http://www.rainbowandwish.com
>>
>> Now, to your ideas. I've read everywhere that the only way to get your
>> content to float on top of your flash background was to make the swfobject
>> transparent. I know that was the case with the old swfobject Now you're
>> saying opaque is the way to go? Also, with the old swfobject I had z-index
>> = 1, but it didn't seem to make any difference with the new one.
>>
>> Here's what I have now with your suggestions, with inline styling so you
>> can easily see it. What happens now is that Hello World is at the top of
>> the screen with white background. Below that is the flash background. If
>> in my default.aspx page I position the controls with absolute, they DO rest
>> on top of the background, but I'm not sure I want all my content to be
>> position absolute. I'd like it to grow and shrink with the page.
>>
>> I still want the flash background behind Hello World. I tried both opaque
>> and transparent, z-index = 1 and no z-index, and none of these settings made
>> the least bit of difference. Maybe there's something wrong with
>> expressInstall.swf? With the code below I certainly see why it comes out
>> the way it does, but if the swf object wipes out everything in the div, then
>> how else can you do it?
>>
>> I also tried the z-index on the ContentPlaceHolder and content controls
>> placed relative, but same thing - they appear at the bottom of the screen
>> after the swfobject.
>>
>> <head>
>> ...
>>
>> <script type="text/javascript">
>> var flashvars = {};
>> var params = {};
>> params.wmode = "opaque";
>> var attributes = {};
>>
>> swfobject.embedSWF("RainbowWishBackgroundText.swf", "flashTarget",
>> "100%", "900", "9.0.0", "expressInstall.swf", flashvars, params,
>> attributes);
>>
>> </script>
>>
>> </head>
>> <body>
>> <form id="form1" runat="server">
>> <div id="Background" style="position: absolute; top: 0px; left: 0px;
>> width: 100%;">
>>
>> <asp:Label ID="lblTest" runat="server" Text="HELLO
>> WORLD"></asp:Label>
>> <div id="flashTarget" style="position: absolute; top: 0px; left:
>> 0px; width: 100%; z-index: 1;"></div>
>>
>> <div>
>> <asp:ContentPlaceHolder id="cntBody" runat="server">
>>
>> </asp:ContentPlaceHolder>
>> </div>
>> </div>
>> </form>
>> </body>
>>
>>
>> ===================================================================================
>>
>>
>> On Wed, May 5, 2010 at 12:28 AM, Sam Sherlock <[email protected]>wrote:
>>
>>> in addition to Aran's advice z-index was not set on your background
>>>
>>> I wrapped the content in a div with id "content" and set the z-index on
>>> there.
>>>
>>> Sony Playstation also uses the same trick I could not load the example
>>> rainbow site;
>>>
>>>
>>> - S
>>>
>>>
>>> --
>>> You received this message because you are subscribed to the Google Groups
>>> "SWFObject" group.
>>> To post to this group, send email to [email protected].
>>> To unsubscribe from this group, send email to
>>> [email protected]<swfobject%[email protected]>
>>> .
>>> For more options, visit this group at
>>> http://groups.google.com/group/swfobject?hl=en.
>>>
>>
>>
>>
>> --
>> Larry Wakeman
>> http://www.lianaent.com
>>
>>
>> --
>> You received this message because you are subscribed to the Google Groups
>> "SWFObject" group.
>> To post to this group, send email to [email protected].
>> To unsubscribe from this group, send email to
>> [email protected]<swfobject%[email protected]>
>> .
>> For more options, visit this group at
>> http://groups.google.com/group/swfobject?hl=en.
>>
>
> --
> You received this message because you are subscribed to the Google Groups
> "SWFObject" group.
> To post to this group, send email to [email protected].
> To unsubscribe from this group, send email to
> [email protected]<swfobject%[email protected]>
> .
> For more options, visit this group at
> http://groups.google.com/group/swfobject?hl=en.
>
--
Larry Wakeman
http://www.lianaent.com
--
You received this message because you are subscribed to the Google Groups
"SWFObject" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/swfobject?hl=en.
