Skip to main content
OH_CP_Lover_&_Hacker
Inspiring
February 21, 2015
Question

Possible Bug with Drag-and-Drop Being Published via HTML5 - Getting "Undefined" Error When Dragging Object

  • February 21, 2015
  • 1 reply
  • 439 views

Hello,

I came up with a way to use drag-and-drop interactions that will take advantage of file input so that I may create a drag-and-drop interaction that uses one draggable object over and over allowing multiple scoring/tracking possibilities.  Example use...is having the draggable object be dynamic in that it randomly changes its text so that a learner can drag a term it's possible classification.........thus allowing the possibility of having many terms easily loaded without having to redo a drag-and-drop interaction for each needed terms/classifications updates/changes.

My Issue: When using a variable to represent the text for a draggable Smart Shape object, I'm getting the error message "undefined" when, clicking/pressing on the object, as well as during the drag of the object. This issue occurs when publishing the project in an HTML5 format.  Flash interestingly enough seems to work perfect...but we are not interested in publishing via Flash any longer.

To better help you explore this error message, I've set up a test project so that you can see when and how the "undefined" message shows up during a drag-and-drop interaction.  I've also included the Captivate 8 project file used to make the exploration project I'm sharing in this post.

Link to Captivate project I created for you all to explore "undefined" error message": http://iti.cscc.edu/drag_and_drop_bug/

Link to this Captivate 8 Project file: http://iti.cscc.edu/drag_and_drop_bug.cptx

It's pretty interesting how things react in this demo, please try the following actions to see some interesting happenings:

  1. Drag the Yellow (or variable drag box) to the drag target.
  2. Drag Black Hello square to Drag target and click undo or reset - watch the undefined message come up on the Yellow (or variable drag box).
  3. Drag the Yellow (or variable drag box) to the drag target and then use the undo or reset.
  4. Move both draggable boxes to the drag target and use the undo and reset buttons...

Anyhow, I know you all are sharp and will run the demo through its paces.

I'd really be very honored if anyone help me figure out how I could (when publishing out to HTML5) no longer have the "undefined" error message show up when using drag-and-drop with a variable for shape text. This technique has been well received at the college I work at...and I have many future project requests for using such an idea on a variety of similar interactions. I'd love see a solution or see if this might be a bug Adobe may be able to fix!

I tried to find a solution to the issue documented here for quite some time, but I was not able to find anyone with this problem much less attempting the idea I'm sharing in the help request -  save the darn "undefined" message that comes up!

Many thanks in advance for any help and/or direction that you all may be able to provide,

Paul

This topic has been closed for replies.

1 reply

OH_CP_Lover_&_Hacker
Inspiring
February 24, 2015

Hello,

I just wanted to supply a minor update related to my drag-and-drop question/issue stated above:

  1. I did another test using Captivate 7, and found that the undefined error (publishing as HTML5) does not appear and the variable data remains visible - except the variable data turns very small and does not honor any font size related settings.

  2. I did go ahead and submit this to Adobe as a possible bug today.

Thanks again for any help related to this issue.  If the issued documented above is solved, it will allow many amazing things to be done using Captivate's drag-and-drop for both regular type projects as well as interaction development for iBooks! 

Matter of fact if this issue gets fixed, I'll publish a Blog entry (or video) on way's I've used Captivate's drag-and-drop to create dynamic learning activities for Higher Ed. and for use in iBooks.

~ Paul