jsPsych/tests-form-plugin/test_frame.html
2016-10-25 18:51:32 -04:00

35 lines
982 B
HTML

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="frame.js"></script>
</head>
<body>
<p>hello</p>
</body>
<script type="text/javascript">
var choices = [{"E":"Orange Catagory"}, {"I":"Blue Catagory"}];
/* Text
var inputs = [
{type:'text', content:["BLUE", 1], "font-size": "larger", color: "#8600FF"},
{type: 'text', content:["ORANGE", 0], "font-size": "larger", color: "#FF5809"},
{type: 'text', content:["BLUE", 1], "font-size": "larger", color: "#FF5809"}
];
*/
// Image
var inputs = [
{type:"img", content: ["./blue.png", 1], height:"150px", width:"150px"},
{type: 'text', content:["ORANGE", 0], "font-size": "larger", color: "#FF5809"},
{type:"img", content: ["./orange.png", 0], height:"150px", width:"150px"}
];
//There are issues with binding keys however
var std_frame = Test("body", choices, inputs);
std_frame.render();
</script>
</html>