Highlighted

Mouseover event for HTML5

New Here ,
Feb 21, 2020

Copy link to clipboard

Copied

I am trying to create a simulation of a user interface. The event in the simulation is to Go To Next Slide when the user mouseovers a field.  I tried using the Rollover Slidelet. It works in preview mode but this doesn't work for HTML5 output. Is there another way to advance to next slide on mouseover that works in HTML5?

Topics

Advanced actions, Editing

Views

140

Likes

Translate

Translate

Report

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

Mouseover event for HTML5

New Here ,
Feb 21, 2020

Copy link to clipboard

Copied

I am trying to create a simulation of a user interface. The event in the simulation is to Go To Next Slide when the user mouseovers a field.  I tried using the Rollover Slidelet. It works in preview mode but this doesn't work for HTML5 output. Is there another way to advance to next slide on mouseover that works in HTML5?

Topics

Advanced actions, Editing

Views

141

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 21, 2020

Copy link to clipboard

Copied

If you know how to program in JavaScript you can set up an Event Handler that will trigger the action on mouseover.  If you don't know how to program in JavaScript, the CpExtra HTML5 widget from Infosemantics allows you to create the event handlers without being a programmer.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Mar 10, 2020

Copy link to clipboard

Copied

I'm not much of a JavaScripter, but I scanned the internet to gather more information about using JavaScript. I was able to piece the code together, and it works good. Thanks for your direction.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
RodWard LATEST
Adobe Community Professional ,
Mar 10, 2020

Copy link to clipboard

Copied

That's good to hear.  However, if your course will be displayed on mobile devices such as tablets or phones as well as PCs then you need to be aware that mobile users will not be able to use the mouseover functionality.  I am assuming you are already aware of this and only desktop PCs need to be supported.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Resources
Captivate User Guide
New Group