1 Correct answer
When you insert a web object in a Captivate (CP) slide it's inserted into an iFrame in Captivate.
Here's a solution for your iFrame talking to CP issue - it worked for me.
In this example the web object is a HTML page.
i.e. In HTML page enter a number in an input field and click the Submit button.
Clicking the Submit button updates the variable value on the CP slide to match the one on the HTML page.
See image and code below.
Based on this you should be able to work out a CP talking to iFrame solution
...
7
Replies
When you insert a web object in a Captivate (CP) slide it's inserted into an iFrame in Captivate.
Here's a solution for your iFrame talking to CP issue - it worked for me.
In this example the web object is a HTML page.
i.e. In HTML page enter a number in an input field and click the Submit button.
Clicking the Submit button updates the variable value on the CP slide to match the one on the HTML page.
See image and code below.
Based on this you should be able to work out a CP talking to iFrame solution.
If someone has a better solution please post it.
Regards
Donal.
HTML CODE
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
var var_embed = $("#var_emb").val();
$('#theButton').click(function()
{
var_embed = $("#var_emb").val();
window.parent.window.cpAPIInterface.setVariableValue("v_ext",var_embed);
});
});
</script>
</head>
<body>
<h1>Course 2 (Embedded)</h1>
<div id="container" class="containerClass">
<br>
<label for="var_emb">Variable_embedded</label>
<input type="text" name="var_emb" id="var_emb" value=5 />
<button type="button" id="theButton">Submit</button>
</div>
</body>
</html>
@michaelm:
1. Please mark "my answer" as correct to help other people (you marked it as helpful).
2. re: "Change URL of web object" query - there are quite a few suggestions given. You need to respond to say if one of these solves your problem.
If it doesn't then you have to give more information about your problem so people can help you e.g. scrrenshots of what you want to show. You may run into problems if the web objects are http web pages that are in a different domain to your web server. This Adobe link gives some information at the bottom of the page.
3. Example of CP talking to iFrame shown below: (Web Objects are inserted as iFrames on CP slides)
iFrame - WebObject (a HTML page)
!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
window.parent.updateAge = function()
{
// creates JS var "newAge" from CP "v_age" variable
var newAge = window.parent.window.cpAPIInterface.getVariableValue("v_age");
// Updates iframe Age field
$("#age").val(newAge);
}
});
</script>
</head>
<body>
<label for="age">Age</label>
<input type="text" name="age" id="age" value=0 />
</body>
</html>
AdChoices