index.html 1.76 KB
Newer Older
Irina's avatar
Irina committed
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
<!-- The extension generates the string of given amount of symbols or calculates the length of a given string
Author: Irina Ivanova, iriiiina@gmail.com
1.05.2013
Tartu, Estonia -->

<!doctype html>
<html>
	<head>
		<title>String Generator</title>
		<link rel = 'stylesheet' type = 'text/css' href = 'style.css' />
		<script src = 'js/generateString.js' type = 'text/javascript' charset="utf-8"></script>
		<script src = 'js/calculateLength.js' type = 'text/javascript' charset="utf-8"></script>
	</head>
	
	<body>
	
	<div id = 'error'><br /><br /></div>
	<div id = 'generateString'>
		Number of characters: <input type = 'text' name = 'length' id = 'inputLength' maxlength = '10' tabindex = '1' autofocus/><br />
		<center>
			<table>
				<tr>
					<td><input type = 'radio' name = 'inputType' id = 'inputTypeNumber' value = 'number' />Number <sup>[LeftArr]</sup>
						<input type = 'radio' name = 'inputType' id = 'inputTypeText' value = 'text' checked/>Text <sup>[RightArr]</sup></td>
				</tr>
				<tr>
					<td><input type = 'checkbox' name = 'inputSpace' id = 'inputSpace' value = 'space' />every 10th character is a space <sup>[UpArr]</sup></td>
				</tr>
				<tr>
					<td><input type = 'checkbox' name = 'inputUmlaut' id = 'inputUmlaut' value = 'umlaut' />insert umlauts <sup>[DownArr]</sup></td>
				</tr>
			</table>
		</center>
		<br />
		Copy the generated string:<br />
		<textarea rows = '4' cols = '30' id = 'generatedString' disabled></textarea>
	</div>
	<br />
	<center>&mdash; OR &mdash;</center><br />
	<div id = 'calculateString'>
		Or insert the string to calculate the length:</br >
		<textarea rows = '4' cols = '30' id = 'inputString' tabindex = '2'></textarea>
	</div>
	<div id = 'calculatedLength'><br /></div>
	<div id = 'info'><br />iriiiina@gmail.com</div>
	</body>
</html>