Widget:WJG Random Sandbox: Difference between revisions

Jump to navigation Jump to search
VisualWikitext
No edit summary
No edit summary
 
(30 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>  
<includeonly>  
<base target="_blank">
<base target="_blank">
<script src="http://www.wikidoc.org/includes/raty/jquery.timer.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/ChartNew.js'></script>
 
<script type="text/javascript" src="http://wikidoc.org/extensions/WGTextHighlight/jquery.textHighlighter.js"></script>
<script type="text/javascript" src="http://dl.dropboxusercontent.com/u/1874620/WBR_scripts/WBR_8_20_14.js"></script>


<head>
<head>
  <link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/1874620/animate.css">
<!--
  <link rel="stylesheet" href="http://dl.dropboxusercontent.com/u/1874620/WBR_scripts/WBR_8_20_14.css">
LOAD THE CSS
</head>
-->


  <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/1874620/animate.css">
  <link rel="stylesheet" href="https://dl.dropboxusercontent.com/u/1874620/BoardReview/css/WBR_11_21_14.css">
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">


<script type="text/javascript">
<!--
LOAD STARTUP SCRIPTS
-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src='https://dl.dropboxusercontent.com/u/1874620/ChartNew.js'></script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/1874620/WBR_scripts/jquery.textHighlighter.min.js"></script>
<script type="text/javascript" src="https://dl.dropboxusercontent.com/u/1874620/BoardReview/javascripts/WBR_w_updated_api_calls_unstable_branch_12_21_15.js"></script>
</head>


</script>
<div id="chooseQBank" style='height:100%;'></div>
<div id="chooseQBank" style='height:100%;'></div>


<div id="testOptions" style='height:100%;'>
<div id="testOptions" style='height:100%;'>
<div class="container" id="tutorOrExamContainer" style="height:105px">
<div class="container" id="tutorOrExamContainer" style="height:140px">
     <div class="round-button" id="myExamBigButton" style="margin-left:calc(50% - 100px); margin-top:5px">
     <div class="round-button" id="myExamBigButton" style="margin-left:calc(50% - 120px); margin-top:10px">
         <div class="round-button-circle">
         <div class="round-button-circle">
             <p class="round-button" style="font-size:1.2em;">My exams</p>
             <p class="round-button">my exams</p>
         </div>
         </div>
     </div>
     </div>
Line 30: Line 36:
     <div class="round-button" id="newExamBigButton">
     <div class="round-button" id="newExamBigButton">
         <div class="round-button-circle">
         <div class="round-button-circle">
             <p class="round-button" style="font-size:1.2em;">New exam</p>
             <p class="round-button">new exam</p>
         </div>
         </div>
     </div>
     </div>
     <div id="spacer" style="display: inline"></div>
     <div id="spacer" style="display: inline"></div>
</div>
</div>
<div class="container" id="tutorOrExamContainer" style="height:10px">
<div class="container" id="tutorOrExamContainer" style="height:15px">
     <div class='arrow-up' id='myExamsArrow' style="margin-left:calc(50% - 60px); display: inline-block;"></div>
     <div class='arrow-up' id='myExamsArrow' style="margin-left:calc(50% - 70px); display: inline-block;"></div>
     <div class='arrow-up' id='newExamArrow' style="display: inline-block; margin-left: 100px;"></div>
     <div class='arrow-up' id='newExamArrow' style="display: inline-block; margin-left: 130px;"></div>
</div>
</div>
<div id="wjgContainer" style='display:none ; margin-left:3%;'>
<div id="wjgContainer" style='display:none ;'>
<br>
<br>
<br>
<br>
Line 63: Line 69:


</div>
</div>
<div id='examOptions' style='display:none'>
    <div style="color:#222; padding:10px;">
        <h3 class='examOptionTitle'>Exam Mode</h3>
        <form id="myForm">
            <input type="radio" name="examMode" value="Exam" id="examModeButton" class="css-checkbox" />
            <label for="examModeButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp Exam</p>
            <br />
            <input type="radio" name="examMode" value="Tutor" id="tutor" class="css-checkbox" />
            <label for="tutor" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp Tutor</p>
            <br />
        </form>
    </div>
    <div style="color:#222; padding:10px;">
        <h3 class='examOptionTitle'>Question Selection</h3>


        <form id="myForm">
            <input type="radio" name="CatKey" value="Category" id="Category" class="css-checkbox" />
            <label for="Category" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp Category</p>
            <br />
            <input type="radio" name="CatKey" value="Keyword" id="Keyword" class="css-checkbox" />
            <label for="Keyword" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp Keyword</p>
        </form>
    </div>
    <div style="color:#222; padding:10px;">
        <h3 class='examOptionTitle'>Timer</h3>
        <form id="myForm">
            <input type="radio" name="TimerOptions" value="untimed" id="untimedButton" class="css-checkbox" />
            <label for="untimedButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp Untimed</p>
            <br />
            <input type="radio" name="TimerOptions" value="1" id="timer1minButton" class="css-checkbox" />
            <label for="timer1minButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp 1 minute</p>
            <br/>
            <input type="radio" name="TimerOptions" value="10" id="timer10minButton" class="css-checkbox" />
            <label for="timer10minButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp 10 minutes</p>
            <br/>
            <input type="radio" name="TimerOptions" value="20" id="timer20minButton" class="css-checkbox" />
            <label for="timer20minButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp 20 minutes</p>
            <br />
            <input type="radio" name="TimerOptions" value="40" id="timer40minButton" class="css-checkbox" />
            <label for="timer40minButton" class="css-label cb0 radGroup2"></label>
            <p class='examOptionButton' style="display:inline">&nbsp 40 minutes</p>
        </form>
    </div>
</div>
</div>
</div>
<div id="exam" style='height:100%;'></div>
<div id="exam" style='height:100%;'></div>
</includeonly>
</includeonly>

Latest revision as of 03:58, 22 December 2015


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