Widget:WJG Sandbox: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
Undo revision 1008029 by William J Gibson (talk) |
||
| (20 intermediate revisions by the same user not shown) | |||
| Line 152: | Line 152: | ||
background: white; | background: white; | ||
} | } | ||
#spacer{ | #spacer{ | ||
margin:10px | margin:10px | ||
| Line 338: | Line 340: | ||
visibility:visible; | visibility:visible; | ||
} | } | ||
#tutorOrExamContainer{ | |||
background-color:#E3E5E5; | |||
} | |||
</style> | </style> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 409: | Line 415: | ||
$("#exam").show(); | $("#exam").show(); | ||
var divs = null; | var divs = null; | ||
divs = "<div class= 'container'><header><h1>" +event.data.examtype+ " </br> <span> Select your options below</span></h1></header></div><div id='Pat' class='noSelect WBRButton stepTwo'><br />USMLE Format</div><div id='Flash' class='noSelect WBRButton stepTwo'><br />Flash Cards</div><br /><br /><br />"; | divs = "<div class= 'container' id='optionScreenHeader' style='height:200px' ><header><h1>" +event.data.examtype+ " </br> <span> Select your options below</span></h1></header></div><div id='Pat' class='noSelect WBRButton stepTwo'><br />USMLE Format</div><div id='Flash' class='noSelect WBRButton stepTwo'><br />Flash Cards</div><br /><br /><br />"; | ||
$("#exam").html(divs); | $("#exam").html(divs); | ||
var temp_str="<div id= 'examOptions'></div>"; | var temp_str="<div id= 'examOptions'></div>"; | ||
//$("#exam").append(temp_str); | //$("#exam").append(temp_str); | ||
var tutorOrExam="<div class='container' id='tutorOrExamContainer' style='height:110px'>"+ | |||
"<div class='round-button Curric' id='tutorModeBigButton' style='margin-left:calc(50% - 100px); margin-top:5px'><div class='round-button-circle'><p class='round-button' style='font-size:1.5em;'>Tutor \n Mode</p></div></div><div id='spacer' style='display: inline'></div>"+ | |||
"<div class='round-button Curric' id='examModeBigButton'><div class='round-button-circle'><p class='round-button' style='font-size:1.5em;'>Exam \n Mode</p></div></div><div id='spacer' style='display: inline'></div>"+ | |||
"</div>" | |||
$("#optionScreenHeader").after(tutorOrExam); | |||
var examOptionButtons = "<div style='background:#fafafa; color:#222; padding:10px;'>"+ | var examOptionButtons = "<div style='background:#fafafa; color:#222; padding:10px;'>"+ | ||
" <h3 class='examOptionTitle'>Exam Mode</h3>"+ | " <h3 class='examOptionTitle'>Exam Mode</h3>"+ | ||
" <form id=' | " <form id='examModeForm'>"+ | ||
" <input type='radio' name='examMode' value='exam' id=' | " <input type='radio' name='examMode' value='exam' id='examModeButton' class='css-checkbox' />"+ | ||
" <label for=' | " <label for='examModeButton' class='css-label cb0 radGroup2'></label>"+ | ||
" <p class='examOptionButton' style='display:inline'>  Exam</p>"+ | " <p class='examOptionButton' style='display:inline'>  Exam</p>"+ | ||
" <br />"+ | " <br />"+ | ||
| Line 429: | Line 439: | ||
"<div style='background:#fafafa; color:#222; padding:10px;'>"+ | "<div style='background:#fafafa; color:#222; padding:10px;'>"+ | ||
" <h3 class='examOptionTitle'>Question Selection</h3>"+ | " <h3 class='examOptionTitle'>Question Selection</h3>"+ | ||
" <form id=' | " <form id='CatKeyForm'>"+ | ||
" <input type='radio' name='CatKey' value='category' id='category' class='css-checkbox' />"+ | " <input type='radio' name='CatKey' value='category' id='category' class='css-checkbox' />"+ | ||
" <label for='category' class='css-label cb0 radGroup2'></label>"+ | " <label for='category' class='css-label cb0 radGroup2'></label>"+ | ||
| Line 439: | Line 449: | ||
" </form>"+ | " </form>"+ | ||
"</div>"; | "</div>"; | ||
$("#tutorOrExamContainer").after(examOptionButtons); | |||
recordResponses() | |||
$('.stepTwo').click(event.data, tutorOrExam); | $('.stepTwo').click(event.data, tutorOrExam); | ||
| Line 461: | Line 471: | ||
$("#chooseQBank").remove();//Once the QBank is picked, we'll remove the div that held it. | $("#chooseQBank").remove();//Once the QBank is picked, we'll remove the div that held it. | ||
$("#exam").show(); | $("#exam").show(); | ||
$("#examOptions"). | $("#examOptions").append(""+ | ||
"<select id ='ToE' name='Exam Type'>" + | "<select id ='ToE' name='Exam Type'>" + | ||
"<option value='Tutor'>Tutor Mode</option>" + | "<option value='Tutor'>Tutor Mode</option>" + | ||