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!

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

×