Copy link to clipboard
Copied
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?
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
Copy link to clipboard
Copied
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
Copy link to clipboard
Copied
Lilybiri​ thank you for your quick answer!
Copy link to clipboard
Copied
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.