<?xml version="1.0" ?><html>
<head>
<title></title>
</head>
<body>
<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">http://www.walterzorn.com/dragdrop/dragdrop_e.htm</span></font></div>
<div align="left"><font face="Arial"><span style="font-size:10pt">http://www.brainjar.com/dhtml/drag/demo.html</span></font></div>
<div align="left"><font face="Arial"><span style="font-size:10pt">http://demo.script.aculo.us/ajax/sortable_elements</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 (www.walterzorn.com) 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">http://javascript.internet.com/page-details/drag-n-drop.html</span></font></div>
<div align="left"><font face="Arial" color="#007f00"><span style="font-size:10pt">http://www.brainjar.com/dhtml/drag/demo.html</span></font></div>
<div align="left"><font face="MS Sans Serif" color="#007f00"><span style="font-size:10pt">http://wiki.script.aculo.us/scriptaculous/show/DragAndDrop</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">http://www.walterzorn.com/dragdrop/dragdrop_e.htm</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>
</body>
</html>