username.github.io/barcode.php at master · Ritwikjoshi/username.github.io · 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
<html>
	<head>
		<title>Barcode</title>
		<script src="JsBarcode.all.min.js"></script>
	</head>
	<body>
		<h1 align="center">Barcode Generator</h1>
		<h2 align="left" style="margin-left:10%">Enter the text below to generate barcode</h2>

		<form action="javascript:generatebarcode()">
			<input type="text" style="margin-left:10%" onunload="generatebarcode()" id="inputtext" autofocus/>
			<button type="button" onclick="generatebarcode()">Generate</button>
		</form>
		<div align="center" id="barcodewindow" style="display:none">
			<h3 align="center">Here is our generated Barcode</h3>
			<img id="barcode" alt="Generated Barcode" height="100" width="400"/>
		</div>
	</body>

	<script type="text/javascript">
		function generatebarcode()
		{
			document.getElementById("barcodewindow").style.display = "block";
			var inputtext =  String(document.getElementById("inputtext").value);
			JsBarcode("#barcode", inputtext);
		}
	</script>

</html>