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

Double Click HTML5

Contributor ,
Feb 28, 2014 Feb 28, 2014

On our system simulation courses, there are some click boxes that need to have Double Click, the generated course handle one click well and show the Fail message if the user miss, but if it´s a Double Click, it zooms like a normal Ipad gesture, anyone has a workaround for that? Maybe load a JS library?

TOPICS
Advanced
1.2K
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
People's Champ ,
Feb 28, 2014 Feb 28, 2014

It's already in jQuery standard. So you just have to implement the doubleclick in your source code:

http://api.jquery.com/dblclick/

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 ,
Feb 28, 2014 Feb 28, 2014

Thank TLC the fact is that the function should be implemented inside the click box options of the internal captivate function, I´m not using a custom button or calling a JS im using a simple click box.

If a user click a click box with a double click set on the cp.js should be able to recognize in the ipad. I could add to the cp.js but that´s should be easier to find the gold treasure.

If I have to manually do that will take all my life, we have about 101 courses.

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
People's Champ ,
Feb 28, 2014 Feb 28, 2014

You have to create an interactive widget since it can send success/failure. I don't know of any other way if you are publishing to swf.

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 ,
Feb 28, 2014 Feb 28, 2014

Im not using swf.

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 ,
Feb 28, 2014 Feb 28, 2014

In my courses in HTML5. my own controls and my top navigation system I´m using a custom variable and bind to every element that I want a faster click on Ipad, CP already do that but not with the double click.

var changeClick = ('ontouchstart' in document.documentElement ? "touchstart" : "click");

$(myButton).bind(changeClick, function(e){...});

Got it?

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
People's Champ ,
Feb 28, 2014 Feb 28, 2014

Since jQuery is already connected to your HTML5 course, if you have dreamweaver you should be able to find the current clicks in the source code, after you unminify it (js Pretty) and then find and replace in context. I'm sure not all of your single clicks would need to be changed.

Not many options if you want your functionality to mimic your system.

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 ,
Feb 28, 2014 Feb 28, 2014

Where I can place a improvement report?

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
People's Champ ,
Mar 01, 2014 Mar 01, 2014
LATEST

I think that you are going to have a problem since there is no double-click for a touch screen, like there is no hover. You will get the zoom function you are referring to unless you hijacked iOS and changed the functionality.

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