Widget:WJG Sandbox: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
Undo revision 1008029 by William J Gibson (talk) |
||
| (13 intermediate revisions by the same user not shown) | |||
| Line 152: | Line 152: | ||
background: white; | background: white; | ||
} | } | ||
#spacer{ | #spacer{ | ||
margin:10px | margin:10px | ||
| Line 339: | Line 341: | ||
} | } | ||
#tutorOrExamContainer{ | #tutorOrExamContainer{ | ||
background-color:# | background-color:#E3E5E5; | ||
} | } | ||
| Line 413: | Line 415: | ||
$("#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:110px'>"+ | ||
"<div class='round-button Curric' id='tutorModeBigButton'><div class='round-button-circle'><p class='round-button' style='font-size: | "<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: | "<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>" | "</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 449: | ||
" </form>"+ | " </form>"+ | ||
"</div>"; | "</div>"; | ||
$("#tutorOrExamContainer"). | $("#tutorOrExamContainer").after(examOptionButtons); | ||
recordResponses() | recordResponses() | ||
$('.stepTwo').click(event.data, tutorOrExam); | $('.stepTwo').click(event.data, tutorOrExam); | ||