Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Hide object with mouseover

New Here ,
Mar 16, 2017 Mar 16, 2017

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?

971
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Mar 16, 2017 Mar 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

Translate
Community Expert ,
Mar 16, 2017 Mar 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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
New Here ,
Mar 17, 2017 Mar 17, 2017

Lilybiri​ thank you for your quick answer!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Mar 18, 2017 Mar 18, 2017
LATEST

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.   

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
Help resources