Widget:WJG Sandbox: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| Line 413: | Line 413: | ||
$("#exam").show(); | $("#exam").show(); | ||
var divs = null; | var divs = null; | ||
divs = "<div class= 'container' id='optionScreenHeader' | 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'>"+ | var tutorOrExam="<div class='container' id='tutorOrExamContainer' style='height:150px'>"+ | ||
"<div class='round-button Curric' id='tutorModeBigButton'><div class='round-button-circle'><p class='round-button' style='font-size:2.5em;'>Tutor \n Mode</p></div></div><div id='spacer' style='display: inline'></div>"+ | "<div class='round-button Curric' id='tutorModeBigButton' style='margin-left:calc(50% - 100px)'><div class='round-button-circle'><p class='round-button' style='font-size:2.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:2.5em;'>Exam \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:2.5em;'>Exam \n Mode</p></div></div><div id='spacer' style='display: inline'></div>"+ | ||
"</div>" | "</div>" | ||
$("#optionScreenHeader"). | $("#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>"+ | ||
| Line 447: | Line 447: | ||
" </form>"+ | " </form>"+ | ||
"</div>"; | "</div>"; | ||
$("#tutorOrExamContainer"). | $("#tutorOrExamContainer").after(examOptionButtons); | ||
recordResponses() | recordResponses() | ||
$('.stepTwo').click(event.data, tutorOrExam); | $('.stepTwo').click(event.data, tutorOrExam); | ||