92 lines
2.7 KiB
HTML
92 lines
2.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<link rel="stylesheet" type="text/css" href="styles.css" />
|
||
|
|
<title>Visual Subnet Calculator 2.0</title>
|
||
|
|
<script src="funcs.js"></script>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
|
||
|
|
<table width="100%">
|
||
|
|
<tr valign=top>
|
||
|
|
<td>
|
||
|
|
|
||
|
|
<h1>Visual Subnet Calculator</h1>
|
||
|
|
|
||
|
|
<p>Enter the network you wish to subnet:</p>
|
||
|
|
|
||
|
|
<form name="calc" onsubmit="updateNetwork(); return false;">
|
||
|
|
|
||
|
|
<table cellspacing="0">
|
||
|
|
<tr>
|
||
|
|
<td class="label">Network Address</td>
|
||
|
|
<td class="label">Mask bits</td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td><input type="text" name="network" size="15" maxlength="15" value="192.168.0.0"></td>
|
||
|
|
<td>/<input type="text" name="netbits" size="2" maxlength="2" value="16"></td>
|
||
|
|
<td><input type="submit" value="Update">
|
||
|
|
<input type="button" value="Reset" onclick="if (confirm('This will reset all subnet divisions you have made. Proceed?')) startOver();">
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<p>Show columns:
|
||
|
|
<input type="checkbox" id="cb_subnet" checked onclick="toggleColumn(this)"><label for="cb_subnet">Subnet address</label>
|
||
|
|
<input type="checkbox" id="cb_netmask" onclick="toggleColumn(this)"><label for="cb_netmask">Netmask</label>
|
||
|
|
<input type="checkbox" id="cb_range" checked onclick="toggleColumn(this)"><label for="cb_range">Range of addresses</label>
|
||
|
|
<input type="checkbox" id="cb_useable" checked onclick="toggleColumn(this)"><label for="cb_useable">Useable IPs</label>
|
||
|
|
<input type="checkbox" id="cb_hosts" checked onclick="toggleColumn(this)"><label for="cb_hosts">Hosts</label>
|
||
|
|
<input type="checkbox" id="cb_divide" checked onclick="toggleColumn(this)"><label for="cb_divide">Divide</label>
|
||
|
|
<input type="checkbox" id="cb_join" checked onclick="toggleColumn(this)"><label for="cb_join">Join</label>
|
||
|
|
</p>
|
||
|
|
</form>
|
||
|
|
|
||
|
|
<p>Click below to split and join subnets.<br>
|
||
|
|
If you wish to save this subnetting for later, bookmark <a href="index.html" id="saveLink">this hyperlink</a>.</p>
|
||
|
|
|
||
|
|
</td>
|
||
|
|
<td align="right">
|
||
|
|
<a href="http://www.sargasso.net/"><img src="http://noc.us.sargasso.net/neteng.gif" width="162" height="64" alt="Sargasso Networks" border="0"></a>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
<br>
|
||
|
|
<hr noshade color="black" size="1">
|
||
|
|
<br>
|
||
|
|
|
||
|
|
<table class="calc" cellspacing="0" cellpadding="2">
|
||
|
|
<colgroup>
|
||
|
|
<col id="col_subnet">
|
||
|
|
<col id="col_netmask" style="display: none">
|
||
|
|
<col id="col_range">
|
||
|
|
<col id="col_useable">
|
||
|
|
<col id="col_hosts">
|
||
|
|
<col id="col_divide">
|
||
|
|
<col id="col_join">
|
||
|
|
</colgroup>
|
||
|
|
<thead>
|
||
|
|
<tr>
|
||
|
|
<td>Subnet address</td>
|
||
|
|
<td>Netmask</td>
|
||
|
|
<td>Range of addresses</td>
|
||
|
|
<td>Useable IPs</td>
|
||
|
|
<td>Hosts</td>
|
||
|
|
<td>Divide</td>
|
||
|
|
<td id="joinHeader">Join</td>
|
||
|
|
</tr>
|
||
|
|
</thead>
|
||
|
|
<tbody id="calcbody">
|
||
|
|
<!--tr>
|
||
|
|
<td>130.94.203.0/24</td>
|
||
|
|
<td>130.94.203.0 - 130.94.203.255</td>
|
||
|
|
<td>130.94.203.1 - 130.94.203.254 (254)</td>
|
||
|
|
<td>Divide</td>
|
||
|
|
</tr-->
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|