<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">yeah the main thing to be aware of, is that if you change the position: css of any parent to a Flash element, firefox (i think) will redraw all the children of that element... which is a really crappy 'bug' (not sure if it's an official bug or not, but IE and Safari i think don't do it)<DIV><BR class="khtml-block-placeholder"></DIV><DIV><DIV>so when it reflows that stuff, it will reset your Flash movie (which is probably why the swfobject dissapears and comes back - it's reloading the whole thing - you could test this by looking at the sun animation - it starts at the bottom and then slowly rises up, so you can see if it's resetting entirely or just blinking out for a second.</DIV><DIV><BR class="khtml-block-placeholder"></DIV><DIV><BR><DIV><DIV>On Aug 2, 2006, at 10:38 AM, DL wrote:</DIV><BR class="Apple-interchange-newline"><BLOCKQUOTE type="cite"> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">On 1 Aug 2006 at 17:04, Geoff Stearns wrote:</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">> i'm not sure you could do it with just the div with the flash movie in it... </SPAN></FONT></DIV> <DIV align="left"><BR></DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">That's about right .. unless there is a flash top layer in SWFObject which is switched on during drag/drop to pickup mouse events.</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">Otherwise a draggable handle is required .. as example below.</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">...</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">Experimented with a few drag and drop scripts ..</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt"><A href="http://www.walterzorn.com/dragdrop/dragdrop_e.htm">http://www.walterzorn.com/dragdrop/dragdrop_e.htm</A></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt"><A href="http://www.brainjar.com/dhtml/drag/demo.html">http://www.brainjar.com/dhtml/drag/demo.html</A></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt"><A href="http://demo.script.aculo.us/ajax/sortable_elements">http://demo.script.aculo.us/ajax/sortable_elements</A></SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">Opted for wz_dragdrop.js (<A href="http://www.walterzorn.com">www.walterzorn.com</A>) since it is easy to add a few lines to the SWFObject wrapper page. And it has a nice API beyond drag and drop. </SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">But script.aculo.us looks good too.</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">Here is an example of wz_dragdrop.js using the SWFObject so_tester.swf, using some of the nested div ideas in above scripts.</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">Only problem is that the SWFObject image disappears when being dragged.</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">Need to figure out how a snapshot image of SWFObject can be written into div.</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">Geoff's suggestion to move SWFObject div off screen might work.</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">DL</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial"><SPAN style="font-size:10pt">______________________________________________________________.</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><html></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><head></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><title>Drag And Drop SWFObject</title></SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt"><!--</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt">possible scripts ..</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt"><A href="http://javascript.internet.com/page-details/drag-n-drop.html">http://javascript.internet.com/page-details/drag-n-drop.html</A></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt"><A href="http://www.brainjar.com/dhtml/drag/demo.html">http://www.brainjar.com/dhtml/drag/demo.html</A></SPAN></FONT></DIV> <DIV align="left"><FONT face="MS Sans Serif" color="#007f00"><SPAN style="font-size:10pt"><A href="http://wiki.script.aculo.us/scriptaculous/show/DragAndDrop">http://wiki.script.aculo.us/scriptaculous/show/DragAndDrop</A></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt">--></SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt"><!-- flash embed --></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><script type="text/javascript" src="scripts/swfobject.js" ></script></SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><style type="text/css"></SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">.box {</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> left:100px;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> top:100px;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> background-color: #ffff00;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> border: 1px solid #000000;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> color: #000000;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> padding: 0px;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> opacity: 0.5;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> position: absolute;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">}</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">.bar {</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> width: 300px;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> background-color: #008080;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> color: #ffffff;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> font-family: tahoma;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> font-weight: bold;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> font-size: 10;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">}</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">.flashcontent {</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> width: 300px;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> height: 300px:</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> background-color: #008080;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> color: #ff0000;</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">}</SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"></style></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"></head></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><body></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt"><!--</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt">using this script ..</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt"><A href="http://www.walterzorn.com/dragdrop/dragdrop_e.htm">http://www.walterzorn.com/dragdrop/dragdrop_e.htm</A></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt">--></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><script type="text/javascript" src="scripts/wz_dragdrop.js"></script> </SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><div id="dragflash" class="box"></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> <div class="bar">drag SWFObject</div></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"> <div id="flashcontent" class="flashcontent"></div></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"></div></SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><script type="text/javascript"></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt">// <![CDATA[</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">var so = new SWFObject("so_tester.swf", "sotester", "300", "300", "8", "#FF6600");</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">so.write("flashcontent");</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt">// ]]></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"></script></SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"><script type="text/javascript"></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt"><!--</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt">SET_DHTML("dragflash"); // define draggable div id's as arguments in SET_DHTML()</SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#007f00"><SPAN style="font-size:10pt">//--> </SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"></script></SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"></body></SPAN></FONT></DIV> <DIV align="left"><FONT face="Arial" color="#7f0000"><SPAN style="font-size:10pt"></html></SPAN></FONT></DIV> <DIV align="left"><BR> </DIV> <DIV align="left"></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">_______________________________________________</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; ">SWFObject mailing list</DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="mailto:SWFObject@lists.deconcept.com">SWFObject@lists.deconcept.com</A></DIV><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; "><A href="http://lists.deconcept.com/listinfo.cgi/swfobject-deconcept.com">http://lists.deconcept.com/listinfo.cgi/swfobject-deconcept.com</A></DIV> </BLOCKQUOTE></DIV><BR></DIV></DIV></BODY></HTML>