CTAT: Cognitive Tutor Authoring Tools

CTATSubmitButton Examples

A Submit button with no target does nothing.

Click this button:
No Op
<div id="button0" class="CTATSubmitButton">No Op</div>

Submit button with check boxes, it is recomended to set the group name as the target:

yes
oui
no
Submit Checkboxes
<div id="checkA" class="CTATCheckBox"
     data-ctat-tutor="false"
     name="submitGroup">yes</div>
<div id="checkB" class="CTATCheckBox"
     data-ctat-tutor="false"
     name="submitGroup">oui</div>
<div id="checkC" class="CTATCheckBox"
     data-ctat-tutor="false"
     name="submitGroup">no</div>
<div id="button1" class="CTATSubmitButton"
     data-ctat-target="submitGroup">Submit</div>
	

Submitting multiple components:
Submit fractions
<div id="pie" class="CTATPieChart"
     data-ctat-tutor="false"></div>
<div id="bar" class="CTATFractionBar"
     data-ctat-tutor="false"></div>
<div id="button2" class="CTATSubmitButton"
     data-ctat-target="pie;bar"></div>
	

Submitting part of a complex component:

Submit Denominator
<div id="line" class="CTATNumberLine"
     data-ctat-ctrl-denominator="denom;button3"
     data-ctat-minimum="0" data-ctat-maximum="1"
     data-ctat-max-points="0"
     data-ctat-small-tick-step="0"></div>
<div id="denom" class="CTATNumericStepper"
     value="1" min="1" max="10"
     data-ctat-tutor="false"></div>
<div id="button3" class="CTATSubmitButton"
     data-ctat-target="line"></div>