-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
74 lines (69 loc) · 3.18 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Resistor Color Code Calculator — RC^3</title>
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" href="favicon.ico" />
<link rel="stylesheet" href="resistor.css">
</head>
<body>
<header>
<h1>RC<sup>3</sup> — Resistor Color Code Calculator</h1>
</header>
<div id="content">
<div id="res">
<div class="resWire resWireLeft"></div>
<div id="resBody">
<div id="resBand0" class="resBand"></div>
<div id="resBand1" class="resBand"></div>
<div id="resBand2" class="resBand"></div>
<div id="resBand3" class="resBand"></div>
<div id="resBand4" class="resBand"></div>
<div id="resBand5" class="resBand"></div>
</div>
<div class="resWire resWireRight"></div>
</div>
<div id="console">
<div id="explanation">
<div id="resBand0Val">0</div>
<div id="resBand1Val">1</div>
<div id="resBand2Val">0</div>
<div id="resBand3ValPre">*10</div>
<div id="resBand3Val">0</div>
<div id="resBand4ValPre">±</div>
<div id="resBand4ValContainer"><span id="resBand4Val">20</span><span class="resBandUnit">%</span></div>
<div id="resBand5ValContainer"><span id="resBand5Val">5</span><span class="resBandUnit">ppm/C°</span></div>
</div>
<form id="consoleForm" onsubmit="return false" method="get" novalidate>
<div class="eSeriesSelection">E-Series: <ul id="eSeriesMenu"></ul></div>
<div id="eSeriesInfo">
This is no E-Series compliant standard resistor for this value.<br />
The closest standard value is <span id="eSeriesClosestValButton"><span id="eSeriesClosestVal"></span> in <span id="eSeriesInfoName"></span>-Series</span>.
</div>
<div class="clear"></div>
<div id="resultContainer">
<div class="preResult">=</div>
<input name="resValue" id="resValue" type="text" value="1" autofocus> Ω
</div>
<div id="tolMinMax">
resistor tolerance<br />
min / max: <span id="tolMinVal"></span> / <span id="tolMaxVal"></span> <span class="unitPrefix"></span>Ω
</div>
</form>
</div>
</div>
<footer>
Created by <a href="http://mkonrad.net" target="_blank">Markus Konrad</a>.
Download the source at <a href="http://github.com/internaut/rccc" target="_blank">github</a>.
</footer>
<div id="clrSelector" class="clrSelectorArea"></div>
<div id="clrSelectorTol" class="clrSelectorArea"></div>
<div id="clrSelectorTemp" class="clrSelectorArea"></div>
<script src="js/jquery-1.8.2.min.js"></script>
<script src="js/e-series.js"></script>
<script src="js/resistor.js"></script>
</body>
</html>