|
Home - Old Man Programmer
| Displaying webapps/vt100/index.html
<!DOCTYPE html>
<html
onkeypress='type(event);'
onkeydown='specialtype(event);'
onselectionchange='return stopselect(event);'
>
<head>
<meta charset='ascii'>
<title> VT100 Terminal </title>
<script src='vt100.js'></script>
<script src='keyboard.js'></script>
<script src='player.js'></script>
<style>
#tc {
border: 1px solid black;
display: inline-block;
overflow-y: scroll;
}
#terminal {
font-family: monospace;
font-size: 16px;
padding: 5px;
margin: 1px 5px 5px 5px;
border-collapse: collapse;
border-spacing: 0px;
}
#scrollback {
font-family: monospace;
font-size: 16px;
padding: 0px;
margin: 5px 5px 1px 5px;
border-collapse: collapse;
border-spacing: 0px;
}
#terminal td, #scrollback td {
padding: 0px; margin: 0px;
}
#terminal tr, #scrollback tr {
margin: 0px; padding: 0px;
}
.slider {
width: 100%;
}
.pbutton {
padding: 0px;
margin: 0px;
font-size: 16pt;
}
</style>
</head>
<body onload='terminal.init(132,30,true);'>
<table>
<tr><td>
<div id='tc'>
<table id='scrollback'></table>
<table id='terminal' oncopy='docopy(event);'></table>
</div>
<tr><td>
<span id='controls'>
<input type="range" min="1" max="100" class="slider" id="vpos" value="1">
<button class='pbutton' id='pp' disabled>▸</button>
<button class='pbutton' id='replay' disabled>↺</button>
<select class='pbutton' id='pbspeed'>
<option value='4000'> .25x </option>
<option value='2000'> .5x </option>
<option value='1333'> .75x </option>
<option value='1000' selected=selected> 1x </option>
<option value='800'> 1.25x </option>
<option value='666'> 1.5x </option>
<option value='571'> 1.75x </option>
<option value='500'> 2x </option>
</select>
</div>
<br><br>
<table>
<tr><td> <select id='script'>
<option value='test.json'> test </option>
<option value='new.json'> new </option>
</select>
<td> <button onclick='loadscript();'> Load </button>
<tr>
<td colspan=2><button onclick='copySelection();' id='copysel'> Copy selection to clipboard </button>
</table>
</body>
</html>
|