Forum

Error when trying to add Point Interactions to test items

Hello,

I'm using the latest release of TAO (3.3), tested on latest stable Firefox and Chrome on Ubuntu 19.04 and Windows 10.

I'm trying to create some test items that make use of interactive elements ("Graphic Interactions").

Whenever I try to create a "Select Point", I can add an image, go to "Response" and insert a shape, but I can't further manipulate the shape or save changes.

I get the following errors on my browser console:

At page load:

[packageMeta.tpl:2:1]

XML Parsing Error: junk after document element
Location: http://192.168.1.110/tao/qtiItemPci/views/js/pciManager/tpl/packageMeta.tpl?buster=3.3.0-RC02
Line Number 2, Column 1:

[listing.tpl:1:1]

XML Parsing Error: not well-formed
Location: http://192.168.1.110/tao/qtiItemPci/views/js/pciManager/tpl/listing.tpl?buster=3.3.0-RC02
Line Number 1, Column 1:

Then every time I insert a new shape:

[console.js:55]

core/logger Caught[via window.onerror]: 'Error: Syntax error, unrecognized expression: <a class="closer" href="#" data-close=":parent .mapping-editor"></a>
    <div class="form-container">
        <h2></h2>


        <div class="panel">
            <label for="score">Score</label>
            <input value="0" type="text" data-for="" name="score" class="score" data-validate="$numeric" data-validate-option="$allowEmpty; $event(type=keyup)" />
            <span class="icon-help tooltipstered" data-tooltip="~ .tooltip-content:first" data-tooltip-theme="info"></span>
            <span class="tooltip-content">Set the score for this response</span>
        </div>
        <span class="arrow"></span>
        <span class="arrow-cover"></span>
    </div>' from http://192.168.1.110/tao/tao/views/js/loader/vendor.min.js?buster=3.3.0-RC02:314:392 Error: "Caught[via window.onerror]: 'Error: Syntax error, unrecognized expression: <a class="closer" href="#" data-close=":parent .mapping-editor"></a>
    <div class="form-container">
        <h2></h2>


        <div class="panel">
            <label for="score">Score</label>
            <input value="0" type="text" data-for="" name="score" class="score" data-validate="$numeric" data-validate-option="$allowEmpty; $event(type=keyup)" />
            <span class="icon-help tooltipstered" data-tooltip="~ .tooltip-content:first" data-tooltip-theme="info"></span>
            <span class="tooltip-content">Set the score for this response</span>
        </div>
        <span class="arrow"></span>
        <span class="arrow-cover"></span>
    </div>' from http://192.168.1.110/tao/tao/views/js/loader/vendor.min.js?buster=3.3.0-RC02:314:392"
    log api.js:188
    t Lodash
    onerror logger.js:66

Object { level: "error", v: 0, time: "2019-09-16T18:46:58.415Z", msg: "Caught[via window.onerror]: 'Error: Syntax error, unrecognized expression: <a class=\"closer\" href=\"#\" data-close=\":parent .mapping-editor\"></a>\n    <div class=\"form-container\">\n        <h2></h2>\n\n\n        <div class=\"panel\">\n            <label for=\"score\">Score</label>\n            <input value=\"0\" type=\"text\" data-for=\"\" name=\"score\" class=\"score\" data-validate=\"$numeric\" data-validate-option=\"$allowEmpty; $event(type=keyup)\" />\n            <span class=\"icon-help tooltipstered\" data-tooltip=\"~ .tooltip-content:first\" data-tooltip-theme=\"info\"></span>\n            <span class=\"tooltip-content\">Set the score for this response</span>\n        </div>\n        <span class=\"arrow\"></span>\n        <span class=\"arrow-cover\"></span>\n    </div>' from http://192.168.1.110/tao/tao/views/js/loader/vendor.min.js?buster=3.3.0-RC02:314:392", err: Error, name: "core/logger", pid: 1, hostname: "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:69.0) Gecko/20100101 Firefox/69.0" }
console.js:55

[jquery-1.9.1.js:4421]

Error: Syntax error, unrecognized expression: <a class="closer" href="#" data-close=":parent .mapping-editor"></a>
    <div class="form-container">
        <h2></h2>


        <div class="panel">
            <label for="score">Score</label>
            <input value="0" type="text" data-for="" name="score" class="score" data-validate="$numeric" data-validate-option="$allowEmpty; $event(type=keyup)" />
            <span class="icon-help tooltipstered" data-tooltip="~ .tooltip-content:first" data-tooltip-theme="info"></span>
            <span class="tooltip-content">Set the score for this response</span>
        </div>
        <span class="arrow"></span>
        <span class="arrow-cover"></span>
    </div> jquery-1.9.1.js:4421
    jQuery 7
        error
        tokenize
        Sizzle
        Sizzle
        find
        init
        jQuery
    setUpScoringArea Map.js:301
    shapeCreated Map.js:162
    create graphicInteractionShapeEditor.js:78
    created shapeFactory.js:148
    f raphael.js:3102

Here are the files' contents (accessed from the previous URLs):

[manager.tpl]

<h2>{{__ "Student tools"}}</h2>
<div class="pci-manager-panel">
    <ul class="plain" data-role="pic-manager">
        {{#each tools}}
        <li>
            <label>
                <input name="{{name}}" type="checkbox" {{#if checked}}checked="checked"{{/if}}/>
                       <span class="icon-checkbox"></span>
                {{label}}
            </label>
            <span class="icon-help tooltipstered" data-tooltip="~ .tooltip-content:first" data-tooltip-theme="info"></span>
            <span class="tooltip-content">{{description}}</span>
        </li>
        {{/each}}
    </ul>
</div>

[listing.tpl]

{{#each interactions}}
<li data-type-identifier="{{typeIdentifier}}" class="pci-list-element{{#unless enabled}} pci-disabled"{{/unless}}">
    <span class="desc truncate">
        <span class="name">({{model}}) - {{label}} - v{{version}}</span>
        <span class="disable-tag">- {{__ "disabled"}}</span>
    </span>

    <div class="actions">
        <div class="switch-box"></div>
    </div>
</li>
{{/each}}

[packageMeta.tpl]

<span class="upload-label">{{label}}</span>
<span class="upload-separator"></span>
<span class="upload-identifier">({{__ 'type : '}}{{model}}, {{__ 'id : '}}{{typeIdentifier}}, {{__ 'version : '}}{{version}})</span>
<span class="upload-separator">-</span>

Thanks in advance!

Comments

  • G'day edj, I'm having exactly the same issue. Running TAO 3.3 on remote Linux webserver. Using latest Firefox and Chrome on Win 10. The first issue I noticed is that you do not get the context menu when you click on a defined area and so cannot assign score weightings etc. Not that it matters since the areas you assign are not saved anyway. Looks very like a bug.

  • The point interaction authoring works fine in the sandbox however (demo.taotesting.com) using the same browser. A workaround is to compose the desired item in the sandbox and then export it. The exported file seems to work fine when imported into my server. Still, a proper fix would be nice at some point!

Sign In or Register to comment.

We use cookies on our website to support technical features that enhance your user experience. Cookie Policy Privacy Policy

×