Register for our next webinar, 5 Keys to Unlock Storytelling in Your eLearning, where you'll learn how to unlock the magic of storytelling in your eLearning development to increase learner engagement and retention! Join Andrew Townsend, our Campaign Marketing Manager, on Thursday, December 3, 2020 at 11:00 AM MDT.

Be The First On Your Block to Rock Lectora® 21!


Apply for exclusive early access to the latest version of Lectora® Desktop v21. Seating is limited so apply now!

In need of help with your eLearning? Feel free to ask a question of the community! You can also visit our Knowledge Base or, if you're in need of immediate assistance, submit a case to our Customer Success team.

Drag and Drop Activity not working in IE10/11

We send our courses via SCORM packages to multiple clients who host them on their own LMS. Trivantis Support told me I have to republish all our courses in Lectora V11.3.2 in order for the drag and drop exercises to work in IE10. This is a huge undertaking. I need to know if there is an easier solution.

Comments

  • ssnegssneg Community Member Posts: 1,466
    You can use lectora.exe with command prompt options to batch publish courses.
  • timktimk Community Member Posts: 1,126
    You should start testing with one course. If I publish my trainings to scorm with L 11.3.2 and upload them to moodle, Drag and Drop activities won't work in IE 10.



    Tim
  • cbrevigcbrevig Community Member Posts: 4
    I am having the same issue with my drag and drops suddenly not functioning in IE10. I tried republishing the course with L11.3.2, but it didn't resolve the issue. Has anyone found any other workarounds?
  • ummakummaummakumma Community Member Posts: 97
    function dragMouseDown(e) {
    if ((e.which && e.which!=1) || (is.ie && event.button!=1)) return true;
    var x = (e.pageX)? e.pageX : event.x+document.body.scrollLeft;
    var y = (e.pageY)? e.pageY : event.y+document.body.scrollTop;
    if (dragMgr && dragMgr.mouseDown(x,y,e)) return false;
    else return DynMouseDown(x,y);
    }
    function dragMouseMove(e) {
    var x = (e.pageX)? e.pageX : event.x+document.body.scrollLeft;
    var y = (e.pageY)? e.pageY : event.y+document.body.scrollTop;
    if (dragMgr && dragMgr.mouseMove(x,y)) return false;
    else return DynMouseMove(x,y);
    }
    function dragMouseUp(e) {
    var x = (e.pageX)? e.pageX : event.x+document.body.scrollLeft;
    var y = (e.pageY)? e.pageY : event.y+document.body.scrollTop;
    if (dragMgr && dragMgr.mouseUp(x,y)) return false;
    else return DynMouseUp(x,y);
    }

    _______________________________________________________________________

    Put that script on that page as HTML Extension as Header Scripting. Then IE10 with moodle should be fine. Issue is that the drag and drop doesn´t work in IE8 after that. So if you need to put some javascript redirection for IE8 browsers.
  • tpollock3848tpollock3848 Community Member Posts: 2
    I'm having the same issue with drag-and-drop questions in IE10/11 with our SAP learning management system.  They do work perfectly in SCORM Cloud and when published to HTML and posted to a webserver.  The drag-and-drop questions also work through the SAP LMS when accessed through IE9.

    I added the HTML Extension fix suggested by Jani to the drag-and-drop pages, published in Lectora Publisher 12.1.3 to SCORM 1.2, and uploaded the SCORM package to our SAP LMS, but the drag-and-drop questions still aren't working.

    Any additional suggestions would be greatly appreciated.  Thanks for your help!

    Tim
  • We am having a very similar issue.  We use SAP LMS and have the drag and drop issue as well.  But strangely we have several drag & drops in one course and only one does not work under IE10 and IE11.  However all the drag and drops work under chrome.  So my question is how do I work out why one drag and drop does not work and the other one does - in the same course.

    Outside of our LMS the drag and drops work perfectly in IE10 and IE11

    thanks

    Chris
  • tpollock3848tpollock3848 Community Member Posts: 2
    Our drag-and-drop questions are also working perfectly in Chrome, but all of our drag-and-drops are failing in IE.  I'm really interested that some of your drag-and-drops are working and others are not.  Can you see any common denominators in the drag-and-drops that are working in IE?

    Thanks!
  • jvalley4735jvalley4735 Community Member Posts: 1,357
    I'm not too good at coding so I don't know if this will help but I found this article while poking around the internet https://blog.frogslayer.com/using-html5-drag-and-drop-in-ie8/
  • We seem to have found a solution to the drag and drop issue when using SAP Content Player.  A SAP java programmer came up with this solution to fix the Drag and drop for IE10.  We have only tested on one simple course at the moment but it works so far.  Hope this helps.

    Make this change in the Trivantis-drag.js file.

    Below is the code in bold which is the only change.

    function dragMouseDown(e) {

    if ((is.ns && e.which!=1) || (is.ie && event.button!=1)) return true

    var x = (is.ns)? e.pageX : event.x+(document.documentElement?document.documentElement.scrollLeft:document.body.scrollLeft)

    var y = (is.ns)? e.pageY : event.y+(document.documentElement?document.documentElement.scrollTop:document.body.scrollTop)

    if (e === undefined )

      {

         y = y + 25;

      }

    if (dragMgr && dragMgr.mouseDown(x,y,e)) return false

    else return DynMouseDown(x,y)

    }
  • eurbanova3379eurbanova3379 Community Member Posts: 15
    This sounds interesting. Could your java programmer, please, briefly explain why this should help? It might help us to resolve another problem we have with Lectora courses in SAP running on IE11.
  • It took us 3 months to convince SAP that the issue was caused by their Content Player.  The course worked perfectly outside the CP.  We stored the course files in SAP KM and could run it directly from SAP KM (not via the CP) and we had no issue with Drag & Drop.

    Below is part of SAP's response re why the changes are necessary:
    =====================
    I debugged the issue in chrome as well as internet explorer and found that in chrome the event is initialized but in internet explorer the event remains undefined in newer versions.
    Because of which the co-ordinate value of "y" differs. To fix this issue I have added two lines in this file. This will
    resolve the drag and drop issue.
    I have attached the trivantis-drag.js file inside trivantis-drag.zip in this incident.
    Kindly replace this file with the existing file and then republish the course and check the issue.
    =====================

    Hope this helps
  • eurbanova3379eurbanova3379 Community Member Posts: 15
    So far it doesn't look directly similar to the other problem (http://community.trivantis.com/forums/topic/some-of-the-persistent-data-was-not-able-to-be-stored-error-in-sap/), but we will try your way to resolve drag and drop problem and hopefully we find a solution for the other one soon. Thank you.
  • An update on the drag and drop fix.  It seems the fix only works for images.  Drag and drop still does not work for dragable text boxes etc.  Our LMS person is going to convert all dragable items to images.  I have sent the testing results back to SAP.
  • supportsupport Community Member Posts: 96
    In IE10 or IE11, does your LMS push the browser into Compatibility Mode? When you bring up the Developer Tools (F12), does the Document Mode on the Emulation tab read "Edge (Default)" or something else?
  • eurbanova3379eurbanova3379 Community Member Posts: 15
    Our client has tested the fix for drag and drop on multiple workstations and it seems to work even when objects are text boxes.

    They are running in IE9 compatibility mode, so maybe it has something to do with that.

    But if it didn't work in the future, I will remember to try images instead text boxes in drag and drop. Thanks.
  • eurbanova3379eurbanova3379 Community Member Posts: 15
    The fix seems to work on IE11, but as it turns out, our client needs both IE9 and IE11 to work simultaneously for some time. And we have this problem now: With fix it works in IE11, but not in IE9 and without it it's reversed.

    When you pointed out that drag and drop works only with images - was the non-working course running in IE9 or IE10/11?

    And did you convert the objects to images by checking the option Convert to image or did you have to use images from the start?

    Thank you.
  • eurbanova3379eurbanova3379 Community Member Posts: 15
    Update on IE9 vs IE11 problem: We added browser check to determine which browser is in use and if it´s IE10+ then we use the bit of code, otherwise we skip it.
  • supportsupport Community Member Posts: 96
    These issues usually come back to the Compatibility Mode. Turning on Compatibility Mode can drop the browser back to IE7 and Quirks which just won't run the functions correctly.

    But it looks like you've found a workaround with the custom script and some browser checking. Hopefully most of this will start to disappear next year when Microsoft drops support for IE8 & IE9 and companies are forced to move up to a modern browser.
  • eurbanova3379eurbanova3379 Community Member Posts: 15
    It's possible that the compatibility mode can cause problems in some cases, but our client has tested this on IE11 without compatibility mode and it didn't work as well.

    So it seems, this time, the problem is something else...
Sign In or Register to comment.

So You Wanna Be An eLearning ROCKSTAR?

We're all fans of eLearning here! Want to become an eLearning ROCKSTAR? Just click on one of the buttons below to start your rocking journey!

Be The First On Your Block to Rock Lectora® 21!


Apply for exclusive early access to the latest version of Lectora® Desktop v21. Seating is limited so apply now!