-
Notifications
You must be signed in to change notification settings - Fork 21
/
index.html
134 lines (108 loc) · 5.28 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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>IP Subnet Netmask Optimizer / IP Subnet Calculator</title>
<meta name="description" content="Online tool for calculating optimized IP masks for subnets that do not respect A/B/C/D classes">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="resources/css/main.css">
</head>
<body>
<div class="header-container">
<header class="wrapper clearfix">
<h1 class="title">IP Subnet Netmask Calculator</h1>
</header>
</div>
<div class="main-container">
<div class="main wrapper clearfix">
<article>
<header>
<h1>Calculate IP Subnets and Netmasks</h1>
<p>Use these tools to calculate subnets and netmasks. Source at <a href='https://github.com/salieri/IPSubnetCalculator'>GitHub</a>.</p>
<p>Compatible with <a href='http://nodejs.org/'>Node.js</a> (Common-JS like) and direct use. See <a href='https://github.com/salieri/IPSubnetCalculator/blob/master/README.md'>readme</a> for instructions.</p>
</header>
<section>
<form id='ip_calculate_range' class='calculator'>
<h2>IP Range Mask Optimizer</h2>
<p>This tool calculates optimal netmasks for covering any range of IP addresses.
Depending on the range of IP addresses entered, the result can be multiple masks.</p>
<input type='text' name='ip_calculate_range_start_ip' id='ip_calculate_range_start_ip' placeholder='IP range start value, e.g. 10.0.0.15' />
<input type='text' name='ip_calculate_range_end_ip' id='ip_calculate_range_end_ip' placeholder='IP range end value, e.g. 10.0.4.255' />
<input type='button' value='Calculate' id='ip_calculate_range_button' />
<div class='result' id='ip_calculate_range_result' style='display: none;'></div>
</form>
</section>
<section>
<form id='ip_calculate_cidr_mask' class='calculator'>
<h2>CIDR Subnet Mask Calculator</h2>
<input type='text' name='ip_calculate_cidr_mask_ip' id='ip_calculate_cidr_mask_ip' placeholder='IP Address' />
<select name='ip_calculate_cidr_mask_mask' id='ip_calculate_cidr_mask_mask' placeholder='CIDR Subnet Mask'>
<option value='' disabled selected>Select Subnet Mask</option>
<option value='24'>/24</option>
<option value='16'>/16</option>
<option value='8'>/8</option>
<option value='' disabled>----------------------</option>
<option value='0'>/0</option>
<option value='1'>/1</option>
<option value='2'>/2</option>
<option value='3'>/3</option>
<option value='4'>/4</option>
<option value='5'>/5</option>
<option value='6'>/6</option>
<option value='7'>/7</option>
<option value='8'>/8</option>
<option value='9'>/9</option>
<option value='10'>/10</option>
<option value='11'>/11</option>
<option value='12'>/12</option>
<option value='13'>/13</option>
<option value='14'>/14</option>
<option value='15'>/15</option>
<option value='16'>/16</option>
<option value='17'>/17</option>
<option value='18'>/18</option>
<option value='19'>/19</option>
<option value='20'>/20</option>
<option value='21'>/21</option>
<option value='22'>/22</option>
<option value='23'>/23</option>
<option value='24'>/24</option>
<option value='25'>/25</option>
<option value='26'>/26</option>
<option value='27'>/27</option>
<option value='28'>/28</option>
<option value='29'>/29</option>
<option value='30'>/30</option>
<option value='31'>/31</option>
<option value='32'>/32</option>
</select>
<input type='button' value='Calculate' id='ip_calculate_cidr_mask_button' />
<div class='result' id='ip_calculate_cidr_mask_result' style='display: none;'></div>
</form>
</section>
<section>
<form id='ip_calculate_mask' class='calculator'>
<h2>Subnet Mask Calculator</h2>
<input type='text' name='ip_calculate_mask_ip' id='ip_calculate_mask_ip' placeholder='IP Address' />
<input type='text' name='ip_calculate_mask_mask' id='ip_calculate_mask_mask' placeholder='Subnet mask, e.g. 255.255.255.0' />
<input type='button' value='Calculate' id='ip_calculate_mask_button' />
<div class='result' id='ip_calculate_mask_result' style='display: none;'></div>
</form>
</section>
</article>
</div> <!-- #main -->
</div> <!-- #main-container -->
<div class="footer-container">
<footer class="wrapper">
<h3>Source at GitHub: <a href='https://github.com/salieri/IPSubnetCalculator'>IPSubnetCalculator</a></h3>
</footer>
</div>
<script src="https://code.jquery.com/jquery-1.12.4.js" integrity="sha256-Qw82+bXyGq6MydymqBxNPYTaUXXq7c8v3CwiYwLLNXU=" crossorigin="anonymous"></script>
<script src="./lib/ip-subnet-calculator.browser.js"></script>
<script src="./resources/js/ui.js"></script>
</body>
</html>