Skip to main content
C
Cheerful_musician0D4B
Known Participant
June 8, 2015
Question

[Captivate 6] non scalable swf project

  • June 8, 2015
  • 1 reply
  • 362 views

Hi there,

We have a requirement to publish our eLearning projects in swf format with 1000x700 resolution, however when we publish the project it get displayed as 100% browser window size, which results in blurry images..

I did some research and some suggest adding instruction to the html file to force specific width and height but I don't seem to find the way to do it.

here is the html file for your reference :

-------------------------------------------------------

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<!-- Copyright [2012] Adobe Systems Incorporated.  All rights reserved -->
<html lang="en">
<head>
  <link rel="stylesheet" type="text/css" href="captivate.css" />
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>STAN Training Module</title>
 
  <!-- Include external JS files -->
  <script language="JavaScript1.2" src="standard.js"    ></script>
  <script language="JavaScript1.2" src="scormdriver.js"  ></script>
  <script language="JavaScript1.2" src="SCORM_utilities.js"  ></script>
  <script language="JavaScript1.2" src="Utilities.js"   ></script>
 
 
  <script language="JavaScript1.2">
   //Register event handlers
   window.onkeypress    = CheckForDebugCommand;
   window.onload    = OnloadActivities;
   window.onbeforeunload  = Finish;
   window.onunload   = Finish;
   document.onkeypress   = CheckForDebugCommand;
  </script>

</head>

<body>
   <div id = "CaptivateContent">
    <noscript>
     This course requires JavaScript to be enabled in your browser.
     Please enable JavaScript, then relaunch the course.
    </noscript>
   </div>
</body>

</html>

---------------------------------------------
This topic has been closed for replies.

1 reply

TLCMediaDesign
TLCMediaDesign
Inspiring
June 8, 2015

In the SCORM_Utilities.js ensure that the height and width are correct:

COURSE_WIDTH  : "1000",

COURSE_HEIGHT  : "700",

Also, check the Captivate.css and make sure all that is in it is the following:

#CaptivateContent {

text-align:center;

}

C
Cheerful_musician0D4BAuthor
Known Participant
June 8, 2015

Thanks for the reply,

I did made the suggested changes but unfortunately that didn't fix the issue

TLCMediaDesign
TLCMediaDesign
Inspiring
June 8, 2015

At the bottom of the SCORM_Utilities.js there is the following function. Try putting in the alert that I have bolded in that function and see what the parameter is.

function OnloadActivities(){


trace("Inside body. Calling Start() on driver.");
Start();
if(IsLoaded()) makeCallsToDriver = true;
trace("Can make calls to driver?"+ makeCallsToDriver);
  

//Embed SWf using the SWFObject library
var so = new SWFObject(CONFIG.FILENAME, CONFIG.SWFOBJ_ID,
         CONFIG.COURSE_WIDTH, CONFIG.COURSE_HEIGHT,
         CONFIG.FPVERSION, "#CCCCCC");
   
  so.addParam("quality", "high");
  so.addParam("wmode", CONFIG.WMODE);
  so.addParam("bgcolor", CONFIG.BGCOLOR);
  so.addParam("menu", "false");
  so.setAttribute("name", CONFIG.SWFOBJ_NAME);
  so.setAttribute("redirectUrl", CONFIG.REDIRECT_URL);
  so.addParam("AllowScriptAccess","always");
  so.write(CONFIG.TARGET);
 
alert(CONFIG.COURSE_WIDTH);
CaptivateObj = document.getElementById('Captivate');
if(CaptivateObj) CaptivateObj.focus();


//enable right click if needed
if(CONFIG.RIGHTCLICKENABLED)
{
  RightClick.init();
}

}

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices