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.
70 linhas
2.1 KiB
HTML
70 linhas
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>CTATJumble Example</title>
|
|
|
|
<link rel="stylesheet" href="https://cdn.ctat.cs.cmu.edu/releases/latest/CTAT.min.css"/>
|
|
<link rel="stylesheet" href="css/ctat_example.css"/>
|
|
<script src="https://cdn.ctat.cs.cmu.edu/releases/latest/jquery.min.js"></script>
|
|
<!-- cdn.rawgit.com/CMUCTAT/CTAT/<tag>/Examples/ctat.min.js -->
|
|
<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>
|
|
function ctatOnload() {
|
|
initTutor({"question_file":'CTATJumble.brd'});
|
|
};
|
|
</script>
|
|
<style type="text/css">
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="tutor_window">
|
|
<a href="http://ctat.pact.cs.cmu.edu/">
|
|
<img id="CTATBanner"
|
|
alt="CTAT: Cognitive Tutor Authoring Tools"
|
|
src="skindata/CTAT_Banner.svg">
|
|
</a>
|
|
<h1>CTATJumble Example</h1>
|
|
<p>A simple Jumble example for showing some basic functionality.
|
|
Use the submit button to submit the Jumble for grading.</p>
|
|
<div>
|
|
<div class="ctat_example" style="max-width:45%;">
|
|
Move the letters to put them in alphabetical order:
|
|
<div id="jumble1" class="CTATJumble"
|
|
style="padding:5px;"
|
|
data-ctat-tutor="false">
|
|
<div id="jumble1b">B</div>
|
|
<div id="jumble1a">A</div>
|
|
<div id="jumble1c">C</div>
|
|
</div>
|
|
<div id="jumble1_submit" class="CTATSubmitButton"
|
|
data-ctat-target="jumble1">Submit</div>
|
|
</div>
|
|
<div class="ctat_code">
|
|
<pre>
|
|
<div id="jumble1" class="CTATJumble"
|
|
style="padding:5px;width:70px;height:auto;"
|
|
data-ctat-tutor="false">
|
|
<div id="jumble1b">B</div>
|
|
<div id="jumble1a">A</div>
|
|
<div id="jumble1c">C</div>
|
|
</div>
|
|
<div id="jumble1_submit"
|
|
class="CTATSubmitButton"
|
|
data-ctat-target="jumble1">Submit</div>
|
|
</pre>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="hint-box">
|
|
<div id="HintWindow" class="CTATHintWindow"></div>
|
|
<div style="float: right;">
|
|
<div id="hint-button" class="CTATHintButton"></div>
|
|
<div id="done" class="CTATDoneButton"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|