demisk
f9b802879d
Fix hints in CTATGroupingComponent graph. Add a tutored step for CTATTable example. Update description for CTATTextField example. Point to jquery library on our CDN in tutorial example.
52 linhas
1.6 KiB
HTML
52 linhas
1.6 KiB
HTML
<html>
|
|
<head>
|
|
|
|
<link rel="stylesheet" type="text/css" href="https://cdn.ctat.cs.cmu.edu/releases/latest/CTAT.min.css">
|
|
|
|
<style>
|
|
html,body { width: 100%; height: 100%; margin: 0px; padding: 0px; }
|
|
</style>
|
|
|
|
<script src="https://cdn.ctat.cs.cmu.edu/releases/latest/jquery.min.js"></script>
|
|
<script src="https://cdn.ctat.cs.cmu.edu/releases/latest/ctat.min.js"></script>
|
|
<script src="https://cdn.ctat.cs.cmu.edu/releases/latest/ctatloader.js"></script>
|
|
|
|
<script>
|
|
useDebugging=true;
|
|
|
|
var myVars =
|
|
{
|
|
question_file: "CTATVideo.brd"
|
|
};
|
|
|
|
function ctatOnload ()
|
|
{
|
|
initTutor(myVars);
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="container" style="display: table; width:550; height:450px; border: 1px solid black; border-spacing: 2px;">
|
|
<div style="display: table-row; height:100%;">
|
|
<div id="videoplayer" class="CTATVideo" data-ctat-controls="true" data-ctat-autoplay="false" src="https://drive.google.com/uc?export=view&id=0BwGsdDsj8yYceWtUUE9LTUtWZ28" style="width: 250px; height: 200px; border: 1px solid black;">
|
|
</div>
|
|
</div>
|
|
<div style="display: table-row; height: 125px;">
|
|
<div style="display: table-cell; border: 0px solid black; vertical-align: middle;">
|
|
<div id="HintWindow" class="CTATHintWindow" style="width: 100%; height: 100%"></div>
|
|
</div>
|
|
<div style="display: table-cell; width: 60px;">
|
|
<div style="border: 0px solid black; margin-bottom: 2px;">
|
|
<div id="hint-button" class="CTATHintButton"></div>
|
|
</div>
|
|
<div style="border: 0px solid black;">
|
|
<div id="done" class="CTATDoneButton"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|