Skip to main content
S
sangminyoon
Participating Frequently
May 30, 2013
Answered

Matching multiple Hotspots in Adobe Captivate 6

  • May 30, 2013
  • 1 reply
  • 4609 views

Finding the difference in two pictures is the main issue here,

One picture on left and one in right. User needs to hit one hotspot on each picture to find identical items...just like spoting out the different parts from two pictures..

Each time user clicks right hotspot then it gets circled and if user manages to click both correct hotspots they get a 'correct' Message appears in a box or any image I want to show(could be arows pointing to both botspots)

I looked for this all over the web but really can never find anythign for last 7 days,,,,,,

This topic has been closed for replies.
Correct answer RodWard

OK.  I see what you're trying to do.

Then I think your best option is to build this interaction on a normal slide using interactive objects such as click boxes for the hotspots and you'll also need to employ some variables and a couple of Conditional Advanced Actions as well. The Conditional Advanced Actions will be quite similar and are triggered by clicking on one of a click boxe.

You'll need at least two click boxes.  One for each of the correct answer hotspots.  You'll need to create a couple of user variables to track whether or not each click box has been clicked (e.g. var_ClickBox1, var_ClickBox2).  These variables will have an initial value of 0 and get assigned a value of 1 (as mentioned below) if the click box gets clicked.

Each Conditiional Advanced Action will need an initial clause that sets the value of the variable which tracks the click box status. The first condition statement looks like this:

IF var_ClickBox1 is equal to 0

Assign var_ClickBox1 with 1

The next clause in the Conditional Advanced Action checks to see if the value of the other click box variable indicates that it has already been clicked as well and if it finds both variables set to 1 then it will execute statements to SHOW the hidden image that points to the inconsistencies in the identification. If only one click box variable is set to 1, this SHOW clause never gets executed.

IF var_ClickBox1 is equal to 1  AND var_ClickBox2 is equal to 1

SHOW correctAnswerImage (or whatever you call its Item Name)

The other Conditional Advanced Action is more or less identical to this one but of course it's initial statement sets the var_ClickBox2 variable to 1.  The second statement is the same.  So once you've done one of these actions, you can just copy it, rename, and change the first statement to assign the other var_ClickBox variable.

If you've never played around with Advanced Actions and variables or Conditional Advanced Actions, then this might be a bit of a stretch for your abilities.  But trust me, it's good practice to learn this stuff!

1 reply

RodWard
Community Expert
RodWardCommunity Expert
Community Expert
May 30, 2013

Captivate has a HotSpot quiz question type, and you can change the animations that indicate where on the objects the learner has clicked.

Just select the Hotspot question slide in the filmstrip, then go to Quiz Properties tab > General section, and click the Browse button there.

When the Browse dialog opens navigate to your Captivate install folder and go to the Gallery > SWF Animation > Highlights folder.

E.g.

C:\Program Files\Adobe\Adobe Captivate 6 x64\Gallery\SWF Animation\Highlights

There you will find a wide variety of highlight animations you can use to signal where the learner has clicked.

Your hotspot question can have one or more hotspots, but your learner still needs to click the Submit button to evaluate the question AFTER they have clicked the relevant hotspot areas on the background graphic.

S
sangminyoonAuthor
Participating Frequently
May 30, 2013

Thansk RodWard but my issue is that you need to have the correct mark/animation to appear when user clicks both hotspots(just like spot the difference type of question) and ofcause that will also need to be marked as correct answer.. please refer to this quiz http://genworth.com.au/webapps/fraudquiz/

If you manage to click on the left photo and then right photo(in any order) then you will get correct answer layer appear...

Also this single slide have multiple questions like that.. like date of birth on left and right...

Also note how it indicates users answers like 1 out of 3 if only one has been corectly found then two,,, so and so,,,

Sorry RodWard if you can help it would be greeeat!!

thanks!

RodWard
Community Expert
RodWardCommunity ExpertCorrect answer
Community Expert
May 30, 2013

OK.  I see what you're trying to do.

Then I think your best option is to build this interaction on a normal slide using interactive objects such as click boxes for the hotspots and you'll also need to employ some variables and a couple of Conditional Advanced Actions as well. The Conditional Advanced Actions will be quite similar and are triggered by clicking on one of a click boxe.

You'll need at least two click boxes.  One for each of the correct answer hotspots.  You'll need to create a couple of user variables to track whether or not each click box has been clicked (e.g. var_ClickBox1, var_ClickBox2).  These variables will have an initial value of 0 and get assigned a value of 1 (as mentioned below) if the click box gets clicked.

Each Conditiional Advanced Action will need an initial clause that sets the value of the variable which tracks the click box status. The first condition statement looks like this:

IF var_ClickBox1 is equal to 0

Assign var_ClickBox1 with 1

The next clause in the Conditional Advanced Action checks to see if the value of the other click box variable indicates that it has already been clicked as well and if it finds both variables set to 1 then it will execute statements to SHOW the hidden image that points to the inconsistencies in the identification. If only one click box variable is set to 1, this SHOW clause never gets executed.

IF var_ClickBox1 is equal to 1  AND var_ClickBox2 is equal to 1

SHOW correctAnswerImage (or whatever you call its Item Name)

The other Conditional Advanced Action is more or less identical to this one but of course it's initial statement sets the var_ClickBox2 variable to 1.  The second statement is the same.  So once you've done one of these actions, you can just copy it, rename, and change the first statement to assign the other var_ClickBox variable.

If you've never played around with Advanced Actions and variables or Conditional Advanced Actions, then this might be a bit of a stretch for your abilities.  But trust me, it's good practice to learn this stuff!

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