Skip to main content
JRoo
JRoo
Participant
February 21, 2020
Question

Mouseover event for HTML5

  • February 21, 2020
  • 1 reply
  • 417 views

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?

This topic has been closed for replies.

1 reply

RodWard
Community Expert
RodWardCommunity Expert
Community Expert
February 22, 2020

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.

JRoo
JRooAuthor
Participant
March 11, 2020

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.

RodWard
Community Expert
RodWardCommunity Expert
Community Expert
March 11, 2020

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.

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