webtools/recoder.html at master · ahtotruu/webtools · GitHub

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
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>Data recoder</title>
		<script type="text/javascript" src="recoder.js"></script>
	</head>
	<body onload="initPage()">
		<h1>Data recoder</h1>
		<p style="font-weight: bold;">Converts data between base-16, base-32, base-64.</p>
		<div id="content_section">
			<form>
				<p>Data source:
					<input id="source_file" type="radio" name="source" value="file" onchange="sourceChanged()" />File contents
					<input id="source_text" type="radio" name="source" value="text" onchange="sourceChanged()" />Text entry
				</p>
				<div id="input_file_section">
					<p>Input file:
						<input id="input_file" type="file" name="file" />
					</p>
				</div>
				<div id="input_text_section">
					<p>Input format:
						<select id="input_format" name="input_format">
							<option value="base16">Base-16 (hexadecimal)</option>
							<option value="base32" selected>Base-32</option>
							<option value="base64">Base-64</option>
						</select>
					</p>
					<p>Input data (base-16 and base-32 are case-insensitive, base-64 is case-sensitive; whitespace is ignored):<br>
						<textarea id="input_text" name="text" rows="10" cols="40"></textarea>
					</p>
					<p>
						<input id="input_filter" type="checkbox" name="filter" checked />Ignore all invalid characters in input
					</p>
				</div>
				<p>Output format:
					<select id="output_format" name="output_format">
						<option value="base16" selected>Base-16 (hexadecimal)</option>
						<option value="base32">Base-32</option>
						<option value="base64">Base-64</option>
					</select>
				</p>
				<p>
					<input type="button" name="recode" value="Recode" onclick="recodeClicked()" />
				</p>
				<p>Output:
					<span id="output_data"></span>
				</p>
			</form>
		</div>
	</body>
</html>