-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (72 loc) · 2.87 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE HTML>
<html>
<head>
<title>HP41 Barcode Generator</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.13.2/themes/smoothness/jquery-ui.css"/>
<script type="text/javascript" src="functions.js"></script>
<script type="text/javascript" src="hp41barcode.js"></script>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
</head>
<style>
@media print
{
.screen-only { display: none; }
}
svg { /*page-break-before: always; */ height: 100%; width: 100%}
textarea {overflow: auto; resize: vertical; height: 50%; display: block;}
</style>
<body>
<div>
<div id="tabs" style="overflow: hidden;">
<ul class="screen-only">
<li><a href="#src">Input</a></li>
<!--
<li><a href="#listing">Listing</a></li>
-->
<li><a href="#barcodes">Barcodes</a></li>
<li><a href="#instructions">Instructions</a></li>
</ul>
<div class="screen-only" id="src">
<div style="float:left; width: 50%; min-width: 400px; min-height: 400px">
<label for="title">Program title:</label>
<br/>
<input type=text id="title" value="Cylinder Volume (Wand)" style="width: 100%"/>
<br/>
<label for="program">Program Source:</label>
<br/>
<textarea id="program" style="width:100%; height: 400px;">
LBL "VOL"; FIX 1; "DIAMETER?"; AVIEW; WNDDTA; 2; /; X^2; PI; *; "LENGTH?"; AVIEW; WNDDTA; *; "VOLUME ="; ARCL X; AVIEW; FIX 4; RTN;
</textarea>
</div>
<div style="float:right" id="config">
</div>
</div>
<div id="listing"></div>
<div id="barcodes"></div>
<div id="instructions">
<p>This is still a work in progress, it does not work with old
versions of Internet Explorer, and may contain bugs.</p>
<p>It should be able to take a program with line numbers in
front of each statement (e.g,
the <a href="http://www.rskey.org/gene/calcgene/41gouf.htm"
target="_blank">Catch the Goufers</a> game). It is also
possible to to type several statements on one line, optionally
separated with ";", as in the small example program.</p>
<p>PCs do not generally have the ≠ and Σ
characters easily available, so these should be entered as
"!=" and "~", respectively. That means that "Σ+"
becomes "~+", and "X≠0?" becomes "X!=0?".</p>
<p>To use, simply copy & paste the program into the text box
in the "Input" tab, select the modules needed by the program,
click the big button labelled "Do it!". If the bar codes look
ok, simply print the page with the "Barcodes" tab selected.</p>
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(hp41barcode_init);
</script>
</body>
</html>