<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
Well, the "pop inside" approach from the YUI ajax kit is a departure
from window.open popups but it has the merit of working flawlessly (so
far) across the board. I will experiment with it. Thank you for that
suggestion. Also thanks to Geoff for the nice nice piece of code that
is the swfobject.<br>
<br>
P.S. sorry if i messed up the response order in this message.<br>
<blockquote
cite="midmailman.11031.1161368332.28174.swfobject-deconcept.com@lists.deconcept.com"
type="cite"><br>
<table class="header-part1" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">Subject:
</div>
Re: [SWFObject] swfobject to embed documents in popups?</td>
</tr>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">From: </div>
Geoff Stearns <a class="moz-txt-link-rfc2396E" href="mailto:geoff@deconcept.com"><geoff@deconcept.com></a></td>
</tr>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">Date: </div>
Fri, 20 Oct 2006 11:22:25 -0400</td>
</tr>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">To: </div>
<a class="moz-txt-link-abbreviated" href="mailto:swfobject@lists.deconcept.com">swfobject@lists.deconcept.com</a></td>
</tr>
</tbody>
</table>
<table class="header-part2" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">To: </div>
<a class="moz-txt-link-abbreviated" href="mailto:swfobject@lists.deconcept.com">swfobject@lists.deconcept.com</a></td>
</tr>
</tbody>
</table>
<br>
well, i suppose you may have found a bug in the way the Eolas stuff was
implemented in IE... or it's possible that what you are trying to do
just happens to violate the patent, so IE did it on purpose..
<div><br class="khtml-block-placeholder">
</div>
<div>the only thing I can say is to try and embed the swf normally in
the popup window instead of trying to write it in when you open the
popup.</div>
<br>
<hr size="4" width="90%"><br>
<table class="header-part1" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">Subject:
</div>
Re: [SWFObject] swfobject to embed documents in popups?</td>
</tr>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">From: </div>
"DL" <a class="moz-txt-link-rfc2396E" href="mailto:dl.lists@ntlworld.com"><dl.lists@ntlworld.com></a></td>
</tr>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">Date: </div>
Fri, 20 Oct 2006 19:18:40 +0100</td>
</tr>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">To: </div>
<a class="moz-txt-link-abbreviated" href="mailto:swfobject@lists.deconcept.com">swfobject@lists.deconcept.com</a></td>
</tr>
</tbody>
</table>
<table class="header-part2" border="0" cellpadding="0" cellspacing="0"
width="100%">
<tbody>
<tr>
<td>
<div class="headerdisplayname" style="display: inline;">To: </div>
<a class="moz-txt-link-abbreviated" href="mailto:swfobject@lists.deconcept.com">swfobject@lists.deconcept.com</a></td>
</tr>
</tbody>
</table>
<br>
<title></title>
<meta http-equiv="content-type" content="text/html;">
<meta http-equiv="Content-Style-Type" content="text/css">
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
On 20 Oct 2006 at 10:35, Carl Hudon wrote:</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font color="#7f0000" face="Arial" size="2"><span
style="font-size: 10pt;">
> We are working on a flash based game here and have been asked to
add</span></font>
</div>
<div align="left">
<font color="#7f0000" face="Arial" size="2"><span
style="font-size: 10pt;">
> some informational bits and controls outside of the main game
window</span></font>
</div>
<div align="left">
<font color="#7f0000" face="Arial" size="2"><span
style="font-size: 10pt;">
> (yes, we have tried to get that idea out of the management's head
but</span></font>
</div>
<div align="left">
<font color="#7f0000" face="Arial" size="2"><span
style="font-size: 10pt;">
> to no avail). Bottom line is we now have to pop other flash
apps/comps</span></font>
</div>
<div align="left">
<font color="#7f0000" face="Arial" size="2"><span
style="font-size: 10pt;">
> that will live in window.open'ed browser windows. the rest is
cake... </span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
I have integrated SWFObject with Yahoo UI ... and they work together
quite nicely since both use div containers.</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
You have to target one of the nested div containers (class="bd") to
embed SWFObject (or any other content).</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
YUI can then be used to popup/animate the div container through Yahoo
UI API. Note that it is not a pop up window but an animated div
container with dynamic content and properties.</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
...</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
Full details here .</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<a href="http://developer.yahoo.com/yui/"><font color="#0000ff"
face="Arial" size="2">
<span style="font-size: 10pt;"><u>http://developer.yahoo.com/yui/</u>
</span></font>
</a></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
...</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
Here are the container (popup) examples</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<a href="http://developer.yahoo.com/yui/examples/container/index.html"><font
color="#0000ff" face="Arial" size="2">
<span style="font-size: 10pt;"><u>http://developer.yahoo.com/yui/examples/container/index.html</u>
</span></font>
</a></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
...</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
If you take this HTML source as a starting point ..</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<a
href="http://developer.yahoo.com/yui/examples/container/overlay-manager.html"><font
color="#0000ff" face="Arial" size="2">
<span style="font-size: 10pt;"><u>http://developer.yahoo.com/yui/examples/container/overlay-manager.html</u>
</span></font>
</a></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
then to get going ..</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
(a) Insert SWFObject script at bottom of overlay_manager.html (before
</body>).</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
(b) Add an SWFObject ID (ID="flashcontent") to one of the body ("bd")
containers</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
e.g.</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font color="#0000ff" face="Arial" size="2"><span
style="font-size: 10pt;">
<div id="oPredefined" style="visibility:hidden;position:absolute"></span></font>
</div>
<div align="left">
<font color="#0000ff" face="Arial" size="2"><span
style="font-size: 10pt;">
<div class="hd">Predefined Overlay Header</div></span></font>
</div>
<div align="left">
<font color="#0000ff" face="Arial" size="2"><span
style="font-size: 10pt;">
<div class="bd"</span></font>
<font color="#ff0000" face="Arial" size="2"><span
style="font-size: 10pt;">
id="flashcontent"</span></font>
<font color="#0000ff" face="Arial" size="2"><span
style="font-size: 10pt;">
>I was created using simple predefined markup. </span></font>
<font color="#ff0000" face="Arial" size="2"><span
style="font-size: 10pt;">
SWFObject will write content into this body container.</span></font>
<font color="#0000ff" face="Arial" size="2"><span
style="font-size: 10pt;">
</div></span></font>
</div>
<div align="left">
<font color="#0000ff" face="Arial" size="2"><span
style="font-size: 10pt;">
<div class="ft">Predefined Overlay Footer</div></span></font>
</div>
<div align="left">
<font color="#0000ff" face="Arial" size="2"><span
style="font-size: 10pt;">
</div></span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
(c) .. and away you go.</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
(d) Also, you can customise the popup Panels by embedding different
border content ("skins") .. see XP Panel and Aqua Panel examples as
starting point. I am using SWFObject to "skin" custom panel components
(Flash embedded in the skin borders instead of default *.gif images).</span></font>
</div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
<br>
</span>
</font></div>
<div align="left">
<font face="Arial" size="2"><span style="font-size: 10pt;">
DL</span></font>
</div>
<div align="left">
</div>
</blockquote>
<br>
</body>
</html>