Skip to main content
T
toddr1
Participating Frequently
January 29, 2020
Answered

Problem getting captivate project height

  • January 29, 2020
  • 2 replies
  • 1421 views

Hi,

 

We are loading a 2019 captivate project in our website via iFrame. Is there any javascript event we can listen on parent page (where iframe is located) to understand when captivate has finished loading.  The problem is that the iframe height needs to be resized to match captivate project height and we dont know when it completes loading.

This topic has been closed for replies.
Correct answer TLCMediaDesign

This script will let you know:

 

var iframe = document.getElementById('myFrame');

iframe.contentWindow.addEventListener( 'moduleReadyEvent', function ( e )
{
console.log("loaded");
});

2 replies

TLCMediaDesign
TLCMediaDesignCorrect answer
Inspiring
January 29, 2020

This script will let you know:

 

var iframe = document.getElementById('myFrame');

iframe.contentWindow.addEventListener( 'moduleReadyEvent', function ( e )
{
console.log("loaded");
});

T
toddr1Author
Participating Frequently
February 7, 2020

thank you!  This did the trick!

Dirlo
Dirlo
Inspiring
January 29, 2020

Hello !...

Maybe I miss something in your question... But as I use also iFrame to load Cpt projects in html pages, I don't know why your iframe height needs to be resized as you can put the sizes you want in the line of command of the iFrame.

Here is what I used :

<p align=”center”><iframe src=”Your_Folder_Project/index.html” frameborder=”0″ width=”Width_Of_Your_Project″ height=”Height_Of_Your_Project″></iframe></p>

(See also here an example : https://elearning.adobe.com/2020/01/small-menu-flash-vs-captivate/)

Happy Captivating !...

😉

T
toddr1Author
Participating Frequently
January 29, 2020

Hi,

 

Thanks for your reply.  The problem is that when the project loads it is not loading properly.  It is squeezing up to a small portion of the iframe.  So we provide a button to resize and then it fits correctly.  So initially it is not loading to the width that we are setting.  We found that once the project loads if we trigger a refresh at that point then it will load and we can remove the mnaual button for this purpose.  It is not very intuitive for our students and if they dont click the button it is squished up to the top of the iframe.

Dirlo
Dirlo
Inspiring
January 29, 2020

Strange that it doesn't load properly ?

See here an example on this page :

http://soutien67.fr/math/activites/frises/frises_01.htm

The project on top is loading via iFrame.

Do you use a "starting image", same size of your project to replace the grey starting buton of Captivate ?  

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