<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Carsten Pfeffer">
<meta name="copyight" content="(c)2012 Carsten Pfeffer">
<meta name="language" content="en">
<meta name="keywords" content="Python, learning Python, emscripten, cpython, codemirror, empythoned, python training, web ide">
<meta name="description" content="Browser side Python training suite">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title> Think Python - Training Mode </title>
<script src="jquery.js"></script>
<script src="editor/lib/codemirror.js"></script>
<script src="editor/lib/util/runmode.js"></script>
<script src="editor/mode/python/python.js"></script>
<script src="main.js"></script>
<script src="training.js"></script>
<link rel="stylesheet" href="editor/lib/codemirror.css">
<link rel="stylesheet" href="main.css" type="text/css">
<link rel="stylesheet" href="training.css" type="text/css">
<script language="JavaScript">
// initializa AJAX
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
// this will make GET parameters accessable just like in PHP
loadGETParameters();
// this will be the global object for the training set
var set = null;
// load the set from the server
getDocumentViaAjax("training/"+$_GET['set']);
window.onload = initTraining;
</script>
</head>
<body>
<div id="maincontainer">
<h1 id="trainingTitle"></h1>
<img src="img/closebutton.svg" id="closebutton" onclick="quit()"
onmouseover="this.src='img/closebutton_hover.svg'"
onmouseout="this.src='img/closebutton.svg'"/>
<div id="content">
Loading...
</div>
<button id="continueButton" onclick="onClickNext()">Continue</button>
<div id="progressbar_bg">
<div id="progressbar_fg">0%</div>
</div>
</div>
<div id="overlay"></div>
<div id="loading">
<img src="img/loadingpy.gif"/>
<br/><hr/>
Loading...
</div>
<div id="terminaldlg">
<textarea id="terminal" readonly="readonly"></textarea>
<button onclick="hideTerminal();">Close Terminal</button>
</div>
<div id="dialog">
</div>
</body>
</html>