Widget:WJG Sandbox: Difference between revisions

Jump to navigation Jump to search
← Older edit
VisualWikitext
No edit summary
Undo revision 1008029 by William J Gibson (talk)
 
(24 intermediate revisions by the same user not shown)
Line 4: Line 4:
<script type="text/javascript" src="http://www.wikidoc.org/includes/raty/jquery.raty.js"></script>
<script type="text/javascript" src="http://www.wikidoc.org/includes/raty/jquery.raty.js"></script>


<script src="http://dl.dropboxusercontent.com/u/1874620/icheck.js"></script>


<script src='http://dl.dropboxusercontent.com/u/1874620/ChartNew.js'></script>
<script src='http://dl.dropboxusercontent.com/u/1874620/ChartNew.js'></script>
Line 12: Line 9:


<head>
<head>
<link href="http://dl.dropboxusercontent.com/u/1874620/flat/blue.css" rel="stylesheet">
   <link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/1874620/animate.css">
   <link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/1874620/animate.css">
</head>
</head>
Line 29: Line 25:
     height: 20px;
     height: 20px;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background: url(https://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue.png) no-repeat;
     background: url(http://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue.png) no-repeat;
     border: none;
     border: none;
     cursor: pointer;
     cursor: pointer;
Line 38: Line 34:
}
}
label.css-label {
label.css-label {
     background-image:url(https://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue.png);
     background-image:url(http://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue.png);
     -webkit-touch-callout: none;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -webkit-user-select: none;
Line 56: Line 52:
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
@media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi) {
     input[type=radio].css-checkbox + label.css-label {
     input[type=radio].css-checkbox + label.css-label {
         background-image: url(https://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue@2x.png);
         background-image: url(http://dl.dropboxusercontent.com/u/1874620/iCheck/flat/blue@2x.png);
         -webkit-background-size: 176px 22px;
         -webkit-background-size: 176px 22px;
         background-size: 176px 22px;
         background-size: 176px 22px;
Line 156: Line 152:
     background: white;  
     background: white;  
}
}
#spacer{
#spacer{
margin:10px
margin:10px
Line 342: Line 340:
visibility:visible;
visibility:visible;
}
}
#tutorOrExamContainer{
background-color:#E3E5E5;
}
</style>
</style>
<script type="text/javascript">
<script type="text/javascript">
Line 413: 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);
$('.stepTwo').click(event.data, tutorOrExam);
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>"+
chooseExamOptions(event.data);
"<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>"+
//displayVals();
"</div>"
iCheckBox=" <div id = 'iCheckBox'"+
$("#optionScreenHeader").after(tutorOrExam);
" <input type='checkbox'> " +
"<input type='checkbox' checked> " +
"<input type='radio' name='iCheck'>" +
"<input type='radio' name='iCheck' checked>" +
"/<div>";
//$("#exam").html(iCheckBox);
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='myForm'>"+
  "  <form id='examModeForm'>"+
  "      <input type='radio' name='examMode' value='exam' id='exam' class='css-checkbox'  />"+
  "      <input type='radio' name='examMode' value='exam' id='examModeButton' class='css-checkbox'  />"+
  "      <label for='exam' class='css-label cb0 radGroup2'></label>"+
  "      <label for='examModeButton' class='css-label cb0 radGroup2'></label>"+
  "      <p class='examOptionButton' style='display:inline'>&nbsp Exam</p>"+
  "      <p class='examOptionButton' style='display:inline'>&nbsp Exam</p>"+
  "      <br />"+
  "      <br />"+
Line 443: 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='myForm'>"+
  "  <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 453: Line 449:
  "  </form>"+
  "  </form>"+
"</div>";
"</div>";
$("#exam").html(examOptionButtons);
$("#tutorOrExamContainer").after(examOptionButtons);
recordResponses()
$('.stepTwo').click(event.data, tutorOrExam);
}
}


function recordResponses(){
$("input:radio[name=examMode]").click(function() {
    var value = $(this).val();
    console.log(value)
});
$("input:radio[name=CatKey]").click(function() {
    var value = $(this).val();
    console.log(value)
});
}


function chooseExamOptions(event) {
function chooseExamOptions(event) {
$("#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").html(""+
$("#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>" +

Latest revision as of 00:56, 10 August 2014

Retrieved from "https://www.wikidoc.org/index.php?title=Widget:WJG_Sandbox&oldid=1008030"