Difference between revisions of "Main Page"

From WGVC MediaWiki
Jump to: navigation, search
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