Detail Region as TOC for captivate (.swf) files

Question

Hi All,
Not sure how to explain this, but i will do my best. I didnt like the TOC/Aggregator for CP 5. Thinking maybe to use Spry data using the Detail Region sample. I thought it would be simple to just combine the Detail Region code with the publsihed .swf and .htm code. But not sure what im doing wrong or if this is even possible to do. I was experimenting just using the exact same code and xml for Detail Region sample and modifying it a bit. See below...
Appreciate the Help! Thank you.
XML:
<?xml version="1.0" encoding="iso-8859-1"?>
<products>
     <product>
          <name>Adobe Photoshop CS2</name>
          <category>Digital Imaging</category>
          <boximage>images/photoshop.gif</boximage>
          <bkgimage>M_1.swf</bkgimage>
          <descheader>The professional standard in desktop digital imaging</descheader>
          <desc>Adobe&#174; Photoshop&#174; CS2 software, the professional image-editing standard and leader of the Photoshop digital imaging line, delivers more of what you crave. Groundbreaking creative tools help you achieve extraordinary results. Unprecedented adaptability lets you custom-fit Photoshop to the way you work. And with more efficient editing, processing, and file handling, there's no slowing you down.</desc>
          <features></features>
     </product>
     <product>
          <name>Adobe Illustrator CS2</name>
          <category>Print Publishing</category>
          <boximage>images/illustrator.gif</boximage>
          <bkgimage>M_2.swf</bkgimage>
          <descheader>Vector graphics reinvented</descheader>
          <desc>Adobe&#174; Illustrator&#174; CS2 software gives you new creative freedom that lets you realize your ideas quickly and powerfully. Instantly convert bitmaps to vector artwork and paint more intuitively. Save time with intelligent palettes and optimized workspaces. Plus, tight integration with other software allows you to produce extraordinary graphics for print, video, the web, and mobile devices.</desc>
          <features></features>
     </product>
     <product>
          <name>Adobe InDesign CS2</name>
          <category>Print Publishing</category>
          <boximage>images/indesign.gif</boximage>
          <bkgimage>M_3.swf</bkgimage>
          <descheader>A new standard in professional layout and design</descheader>
          <desc>Join the growing ranks of creative professionals discovering new levels of creative freedom and productivity using Adobe&#174; InDesign&#174; CS2 software. Tightly integrated with the Adobe applications you use most, InDesign CS2 delivers faster production workflows and a more fluid creative environment for designing professional layouts with sophisticated graphics and typography.</desc>
          <features></features>
     </product>
     <product>
          <name>Adobe GoLive CS2</name>
          <category>Web Publishing</category>
          <boximage>images/golive.gif</boximage>
          <bkgimage>M_4_1.swf</bkgimage>
          <descheader>Professional, standards-based Web and mobile authoring</descheader>
          <desc>Adobe&#174; GoLive&#174; CS2 software lets you unlock the power of CSS with intuitive visual tools such as prebuilt CSS objects that you can drag and drop to build sophisticated sites. Jump-start your designs by easily converting Adobe InDesign&#174; layouts into Web pages. Or, design Web and mobile content in an advanced, standards-based coding environment.</desc>
          <features></features>
     </product>
     <product>
          <name>Adobe Dreamweaver 8</name>
          <category>Web Publishing</category>
          <boximage>images/dreamweaver.gif</boximage>
          <bkgimage>M_5_1.swf</bkgimage>
          <descheader>Dreamweaver 8 is the industry-leading web development tool, enabling users to efficiently design, develop and maintain standards-based websites and applications.</descheader>
          <desc>With Dreamweaver 8, web developers go from start to finish, creating and maintaining basic websites to advanced applications that support best practices and the latest technologies.</desc>
          <features></features>
     </product>
     <product>
          <name>Adobe Flash 8 Professional</name>
          <category>Web Publishing</category>
          <boximage>images/flash_pro.gif</boximage>
          <bkgimage>M_6_1.swf</bkgimage>
          <descheader>Introducing Macromedia's biggest Flash release to date.</descheader>
          <desc>Flash&#174; Professional 8 is the industry's most advanced authoring environment for creating interactive websites, digital experiences and mobile content. With Flash Professional 8, creative professionals design and author interactive content rich with video, graphics, and animation for truly unique, engaging websites, presentations or mobile content.</desc>
          <features></features>
     </product>
</products>
HTML Code:
<!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" xmlns:spry="http://ns.adobe.com/spry">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Detail Region and Effects Sample</title>
<link href="files/samples.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.product {
     cursor: pointer;
.hover {
     background-color: #FFFFCC;
.selected {
     background-color: #CCCCCC;
#description {
     opacity: 0;
     filter: alpha(opacity=0);
     background-color: white;
</style>
<script src="files/xpath.js" type="text/javascript"></script>
<script src="files/SpryData.js" type="text/javascript"></script>
<script src="files/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">
<!--
var ds1 = new Spry.Data.XMLDataSet("files/products.xml", "products/product");
var gEffectInProgress = null;
var gPendingSetRowIDRequest = -1;
function fadeInContent(notificationType, notifier, data)
     if (notificationType != "onPostUpdate")
          return;
     var effect = new Spry.Effect.Fade('description', { to: 100, from: 0, duration: 500, finish: function() {
          // The region is now showing. Process any pending row change request.
          gEffectInProgress = null;
          if (gPendingSetRowIDRequest >= 0)
               var id = gPendingSetRowIDRequest;
               gPendingSetRowIDRequest = -1;
               fadeOutContentThenSetRow(id);
     effect.start();
Spry.Data.Region.addObserver('description', fadeInContent);
function fadeOutContentThenSetRow(rowID)
     if (gEffectInProgress)
          gPendingSetRowIDRequest = rowID;
          return;
     if (rowID == ds1.getCurrentRowID())
          return;
     gEffectInProgress = new Spry.Effect.Fade('description', { to: 0, from: 100, duration: 500, finish: function() {
          ds1.setCurrentRow(rowID);
     gEffectInProgress.start();
//-->
</script>
<script src="files/standard.js" type="text/javascript"></script>
</head>
<body>
<h3>Detail Region and Effects Sample</h3>
<hr />
<table width="100%" border="0">
     <tr>
          <td width="21%">
<ul spry:region="ds1" spry:repeatchildren="ds1">
                    <li class="product" onclick="fadeOutContentThenSetRow('{ds_RowID}');" spry:select="selected" spry:hover="hover">{name}</li>
            </ul>
          </td>
       <td width="79%">
   <div id="description" spry:detailregion=" ds1">
  <div id="CaptivateContent">
   </div>
   <script type="text/javascript">
      var so = new SWFObject("{bkgimage}", "Captivate", "100%", "100%", "8", "#CCCCCC");
         so.addParam("quality", "high");
         so.addParam("name", "Captivate");
         so.addParam("id", "Captivate");
         so.addParam("wmode", "opaque");
         so.addParam("bgcolor","#F1F4F5");
         so.addParam("menu", "false");
         so.addParam("allowScriptAccess", "always");
         so.addVariable("variable1", "value1");
         so.setAttribute("redirectUrl", "http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash");
         so.write("CaptivateContent");
   </script>
        <script type="text/javascript">
      document.getElementById('Captivate').focus();
      document.Captivate.focus();
   </script>    
      </div>
      </td>
  </tr>
</table>
</body>
</html>
Message was edited by: drodax

Answer 1

Hi,
I think you will need a third party convertor - a quick
google sent me to this one
http://www.winavi.com/swf-to-avi.htm
which is free.