Skip to main content
Participant
March 16, 2017
Answered

Hide object with mouseover

  • March 16, 2017
  • 2 replies
  • 1054 views

Hello,

I am trying to hide an object by a mousover effect, but unfortunantely I can not find out how this could work.

my scenario:

I have some objects which i want to use as mouseover-sections. When the user enters one of this sections, the second state of the entered object gets active (works very well) and at the same time i would like to hide another object placed on the same slide (doesnt work).

the problem is, that with the definition of the object as button, automatically a click is needed to activate an action like hiding something.

can someone help?

This topic has been closed for replies.
Correct answer Lilybiri

The only object in Captivate having a rollover event is the Rollover slidelet (not recommended for HTML5, responsive output).

However it has no 'rollout' event. I used it a long time ago in this use case:

Auto-hide Playbar! - Captivate blog

If your focus is on HTML output, I recommend having a look at the CpExtra widget by InfoSemantics. One of its features is creating all kind of event listeners. You can download a free trial:

http://www.infosemantics.com.au/adobe-captivate-widgets/cpextra

2 replies

Participating Frequently
March 18, 2017

For the item you are trying to hide,  first you can create a custom "state" that actually is simply a totally transparent shape.    It sounds like you'd like to change the state of this object when you mouse-over another object on the page.    In theory, this is easy in Javascript, not possible using the Advanced actions.  

If you add the following in the "On Enter, execute Javascipt"  and assuming:

1) the object you want to hide is named "hideThis"  

2) transparent state is called "transparent"  

3) the object that you are mousing into is called "theHider"

4) you want it to re-appear when the mouse goes out of the hider.

 

you put the following in the "On Enter, execute javascript" box:

$('#theHider').hover(  () => { cp.changeState("hideThis", "transparent") } ,  () => { cp.changeState("hideThis", "Normal") }  );

 

this is untested.   

Lilybiri
LilybiriCorrect answer
Legend
March 16, 2017

The only object in Captivate having a rollover event is the Rollover slidelet (not recommended for HTML5, responsive output).

However it has no 'rollout' event. I used it a long time ago in this use case:

Auto-hide Playbar! - Captivate blog

If your focus is on HTML output, I recommend having a look at the CpExtra widget by InfoSemantics. One of its features is creating all kind of event listeners. You can download a free trial:

http://www.infosemantics.com.au/adobe-captivate-widgets/cpextra

liz9595Author
Participant
March 17, 2017

Lilybiri​ thank you for your quick answer!