在HTMLQuestion中无法正确读取JavaScript

时间:2017-07-13 17:07:43

标签: javascript html5 mechanicalturk

我使用this中的代码创建了一个简单的应用程序,并运行它以在工作沙箱MTurk站点上测试它。它在使用答案中显示的代码时非常有效,但是如果我尝试创建一个对象并将函数和变量放在对象中,那么这些按钮不会在沙盒网站上工作,但在打开.html时会起作用文件在浏览器中。此外,添加注释将产生相同的效果。我的代码就是:

<?xml version="1.0"?>
<HTMLQuestion xmlns="http://mechanicalturk.amazonaws.com/AWSMechanicalTurkDataSchemas/2011-11-11/HTMLQuestion.xsd">
  <HTMLContent><![CDATA[
<!DOCTYPE html>
<html>
<head>
    <style>
    #thediv {
     align-self:flex-start
     margin:0 auto;
     height:1050px;
     width:750px;
     overflow:auto;
    }
    img {
     position: static;
     left: 50%;
     top: 50%;
    }
    </style>
</head>
<body>
    <input type='button' value ='-' onclick='zoom(0.5);'/>
    <input type='button' value ='+' onclick='zoom(2);'/>
    <div id="thediv">
        <img id="pic" src="http://upload.wikimedia.org/wikipedia/commons/d/de/Nokota_Horses_cropped.jpg"/>
    </div>
<script type="text/javascript">
    var zoomLevel=1;
    var maxZoomLevel=2;
    var minZoomLevel=1;
    function zoom(zm) {
        var img=document.getElementById("pic");
        if(zm > 1){
            if(zoomLevel < maxZoomLevel){
                zoomLevel++;
            }else{
                return;
            }
        }else if(zm < 1){
            if(zoomLevel > minZoomLevel){
                zoomLevel--;
            }else{
                return;
            }
        }
        wid = img.width;
        ht = img.height;
        img.style.width = (wid*zm)+"px";
        img.style.height = (ht*zm)+"px";
    }
</script>
</body>
</html>
]]>
  </HTMLContent>
  <FrameHeight>450</FrameHeight>
</HTMLQuestion>

是否有某些原因可以在浏览器中使用,但不能在MTurk沙箱网站中使用?

1 个答案:

答案 0 :(得分:0)

我刚测试过像这样创建一个HIT,它对我有用。

与JavaScript无关,请注意您需要至少包含一个命名输入(例如)才能让Workers提交HIT。

您正在测试哪种浏览器?