Difference between revisions of "Main Page"
Line 5: | Line 5: | ||
To learn more about how <code>WGVC</code> can complicate your life, email us at [mailto:vince@wgvc.com vince@wgvc.com]. | To learn more about how <code>WGVC</code> can complicate your life, email us at [mailto:vince@wgvc.com vince@wgvc.com]. | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | <!-- | ||
+ | "use strict"; | ||
+ | |||
+ | var resumeAction = ''; | ||
+ | var pausePending = 0; | ||
+ | var nextAction; // question->answer->blank->... | ||
+ | var savedAnswer; | ||
+ | |||
+ | var timer; | ||
+ | var quiz; | ||
+ | |||
+ | function putQ(text, answer){ | ||
+ | if ( pausePending ) { | ||
+ | // Never actually want to pause this, just toggle the control right back | ||
+ | // and continue. | ||
+ | doPause(); | ||
+ | pausePending = 0; | ||
+ | } | ||
+ | document.getElementById("question").innerHTML = text; | ||
+ | document.getElementById("answer").innerHTML = ''; | ||
+ | timer = setTimeout(function(){ putA(answer ? answer : '-'); }, 5000); | ||
+ | nextAction = 'answer' | ||
+ | } | ||
+ | |||
+ | function putA(text){ | ||
+ | if ( pausePending ) { | ||
+ | savedAnswer = text; | ||
+ | resumeAction = ' putA( savedAnswer );'; | ||
+ | pausePending = 0; | ||
+ | return; | ||
+ | } | ||
+ | resumeAction = ''; | ||
+ | document.getElementById("answer").innerHTML = text; | ||
+ | timer = setTimeout(function(){ blankA(); }, 10000); | ||
+ | nextAction = 'blank' | ||
+ | } | ||
+ | |||
+ | function blankA(){ | ||
+ | if ( pausePending ) { | ||
+ | resumeAction = ' blankA();'; | ||
+ | pausePending = 0; | ||
+ | return; | ||
+ | } | ||
+ | resumeAction = ''; | ||
+ | document.getElementById("answer").innerHTML = ''; | ||
+ | timer = setTimeout('refresh()', 3000); | ||
+ | nextAction = 'question' | ||
+ | } | ||
+ | |||
+ | function doPause() { | ||
+ | if (document.getElementById("pause").innerHTML == 'Pause') { | ||
+ | document.getElementById("pause").innerHTML = 'Play'; | ||
+ | pausePending = 1; | ||
+ | } else { | ||
+ | document.getElementById("pause").innerHTML = 'Pause'; | ||
+ | pausePending = 0; | ||
+ | if ( resumeAction ) { | ||
+ | console.log('Resume action: >' + resumeAction + '<' ); | ||
+ | eval( resumeAction ); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function doSkip() { | ||
+ | clearTimeout(timer); | ||
+ | // Just in case we were paused | ||
+ | document.getElementById("pause").innerHTML = 'Pause'; | ||
+ | pausePending = 0; | ||
+ | if ( nextAction == 'answer' ) { | ||
+ | putA(quiz.answer ? quiz.answer : '-') | ||
+ | } else { | ||
+ | refresh(); | ||
+ | } | ||
+ | } | ||
+ | |||
+ | function refresh(){ | ||
+ | var xmlHttp = new XMLHttpRequest(); | ||
+ | |||
+ | xmlHttp.open( "GET", | ||
+ | "http://study.wgvc.com/cgi-bin/rest-wrong.pl", | ||
+ | false ); // false for synchronous request | ||
+ | try { | ||
+ | xmlHttp.send( null ); | ||
+ | } catch(exception) { | ||
+ | timer = setTimeout('refresh()', 18000); | ||
+ | nextAction = 'question' | ||
+ | return; | ||
+ | } | ||
+ | //xmlHttp.responseText; | ||
+ | quiz = JSON.parse(xmlHttp.responseText); | ||
+ | |||
+ | putQ(quiz.question, quiz.answer); | ||
+ | |||
+ | document.getElementById("footer").innerHTML = "Count: "+quiz.count+"; Last: "+quiz.last; | ||
+ | |||
+ | } | ||
+ | |||
+ | window.onload=refresh; | ||
+ | // --> | ||
+ | </script> | ||
+ | |||
+ | </HEAD> | ||
+ | <BODY bgcolor="#FFFFFF"> | ||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | #footer | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | font-size: 11px; | ||
+ | font-family: Verdana, Geneva, Arial, sans-serif; | ||
+ | background-color: black; | ||
+ | text-align: center; | ||
+ | position: fixed; | ||
+ | bottom: 2px; | ||
+ | left: 0px; | ||
+ | width: 100%; | ||
+ | height: 10px | ||
+ | } | ||
+ | #pause | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | font-size: 18px; | ||
+ | font-family: Verdana, Geneva, Arial, sans-serif; | ||
+ | background-color: black; | ||
+ | text-align: left; | ||
+ | } | ||
+ | #skip | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | font-size: 18px; | ||
+ | font-family: Verdana, Geneva, Arial, sans-serif; | ||
+ | background-color: black; | ||
+ | text-align: right; | ||
+ | } | ||
+ | --> | ||
+ | </style> | ||
+ | <style type="text/css"> | ||
+ | <!-- | ||
+ | body | ||
+ | { | ||
+ | color: #ffffff; | ||
+ | font-size: 14px; | ||
+ | font-family: Verdana, Geneva, Arial, sans-serif; | ||
+ | background-color: black; | ||
+ | background-repeat: no-repeat; | ||
+ | background-attachment: fixed; | ||
+ | background-position: center; | ||
+ | |||
+ | } | ||
+ | --> | ||
+ | </style> | ||
+ | <table width="100%"> | ||
+ | <tr> | ||
+ | <td width= "10%"> | ||
+ | <div class="pause" id="pause" align="left" onclick="doPause()">Pause</div> | ||
+ | </td> | ||
+ | <td width="80%" align="center"> | ||
+ | <tt><div id="question" align="center" style="font-size:60px"> </div></tt> | ||
+ | </td> | ||
+ | <td width= "10%"> | ||
+ | <div class="skip" id="skip" align="left" onclick="doSkip()">Skip</div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <hr/> | ||
+ | <tt><div id="answer" align="left" style="font-size:40px"> </div ></tt> | ||
+ | <div id="footer" align="center"></div> |
Revision as of 20:57, 9 July 2019
Welcome to the WGVC
Wiki
"How Complicated Do You Want Me To Make This?"
To learn more about how WGVC
can complicate your life, email us at vince@wgvc.com.
<script type="text/javascript">
</script>
</HEAD> <BODY bgcolor="#FFFFFF"> <style type="text/css"> </style> <style type="text/css"> </style>
Pause
|
|
Skip
|