| Rev 8 |
|
Rev 9 |
| Line 1... |
|
Line 1... |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "DTD/xhtml1-transitional.dtd"> |
"DTD/xhtml1-transitional.dtd"> |
|
|
|
|
|
<html> |
|
<html> |
<head> |
|
<head> |
<title>Mapstats v3.1 AJAX</title> |
|
<title>Mapstats v4.0 AJAX</title> |
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" /> |
|
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> |
<meta http-equiv="Content-Script-Type" content="text/javascript" /> |
|
<meta http-equiv="cache-control" content="no-cache" /> |
<meta http-equiv="cache-control" content="no-cache" /> |
|
<meta http-equiv="pragma" content="no-cache" /> |
<meta http-equiv="pragma" content="no-cache" /> |
|
<meta http-equiv="imagetoolbar" content="no" /> |
<link href="mapstats.css" rel="stylesheet" type="text/css" /> |
|
<link href="mapstats.css" rel="stylesheet" type="text/css" /> |
<style> |
|
<!--[if lte IE 8]><script type="text/javascript" src="excanvas.compiled.js"></script><![endif]--> |
html,body { overflow: auto; border-width: 0px; } |
|
<script type="text/javascript" src="mapstats.min.js"></script> |
html>body { overflow: visible; } |
|
|
</style> |
|
|
|
|
|
<!--[if IE]><script type="text/javascript" src="excanvas-compressed.js"></script><![endif]--> |
|
|
<script type="text/javascript" src="mapstats.js"></script> |
|
|
|
|
|
</head> |
|
</head> |
|
|
|
<body> |
|
<body> |
|
|
|
<script type="text/javascript"> |
|
<script type="text/javascript"> |
<!-- |
|
<!-- |
|
|
|
// set full resolution (100%) of map (width and height) |
|
// set full resolution (100%) of map (width and height) |
var full_x = 3100; |
|
var full_x = 5420; |
var full_y = 2230; |
|
var full_y = 3696; |
|
|
|
// set outerDiv resolution (width and height) |
|
// set outerDiv resolution (width and height) |
var inres_x = 700; |
|
var inres_x = 685; |
var inres_y = 500; |
|
var inres_y = 500; |
|
|
|
// set magnifier resolution (width and height) |
|
// set magnifier resolution (width and height) |
var magres_x = 150; |
|
var magres_x = 150; |
var magres_y = parseInt(full_y / (full_x / magres_x)); |
|
var magres_y = parseInt(full_y / (full_x / magres_x)); |
|
|
|
// set start position (from left and top) |
|
// set start position (from left and top) |
var start_left = 110; |
|
var start_left = 650; |
var start_top = 50; |
|
var start_top = 165; |
|
|
|
// set zoom multiple |
|
// set zoom multiple |
var eq_mini = 0.33; // 33% |
|
var eq_mini = 0.2; // 20% |
var eq_medi = 0.5; // 50% |
|
var eq_medi = 0.5; // 50% |
var eq_high = 0.66; // 66% |
|
var eq_high = 0.7; // 70% |
var eq_orig = 1; // 100% |
|
var eq_orig = 1; // 100% |
|
|
|
// set start multiple |
|
// set start multiple |
var start_mul = eq_mini; |
|
var start_mul = eq_mini; |
|
|
|
// set displayed functions |
|
// set displayed functions |
| Line 55... |
|
Line 48... |
var ch_node = true; |
|
var ch_node = true; |
var ch_infopoint = true; |
|
var ch_infopoint = true; |
var ch_noping = true; |
|
var ch_noping = true; |
var ch_legend = true; |
|
var ch_legend = true; |
var ch_name = true; |
|
var ch_name = true; |
var ch_ip = true; |
|
var ch_ip = false; |
var ch_status = true; |
|
var ch_status = true; |
var ch_backbone = true; |
|
var ch_backbone = true; |
var ch_client = true; |
|
var ch_client = true; |
var ch_inp = true; |
|
var ch_inp = true; |
|
|
|
| Line 103... |
|
Line 96... |
var name8 = "Fiber"; |
|
var name8 = "Fiber"; |
var name9 = "Other"; |
|
var name9 = "Other"; |
|
|
|
// set name for link in planning (for legend) |
|
// set name for link in planning (for legend) |
var inp = "(InP)"; |
|
var inp = "(InP)"; |
|
|
|
// Let's start it |
|
|
var minmax_SCANDELAY = 500; |
|
|
var minmax_scanner; |
|
|
minmax_scan(); |
|
|
minmax_scanner = window.setInterval(minmax_scan, minmax_SCANDELAY); |
|
|
|
|
|
window.onload = function() { |
|
window.onload = function() { |
nactiSoubory(); |
|
loadFiles(); |
mapInit(start_mul); |
|
mapInit(start_mul); |
nastavCheck(); |
|
setCheckboxes(); |
if (navigator.appName!="Microsoft Internet Explorer") { |
|
canvasInit(start_mul); |
canvasInit(start_mul); |
|
setAutoLoader(); |
} |
|
|
timerMe(); |
|
|
} |
|
} |
|
|
|
// --> |
|
// --> |
</script> |
|
</script> |
|
|
|
<!-- main map --> |
|
<!-- main map --> |
<div style="float:left;"> |
|
<div id="wrapper"> |
<div style="float:left;"> |
|
<div id="map"> |
<div id="outerDiv"> |
|
<div id="outerDiv"> |
<div id="zoomPanel"> |
|
<div id="zoomPanel"> |
<div id="opaque"> |
|
<div id="zooms"> |
<!-- zoom 0 --> |
|
<!-- zoom 0 --><a id="zoom0" href="javascript:mainMap.setZoom(0)"></a> |
<div style="position:absolute;top:5px;left:5px;width:20px; height:5px;font-size: 0px;border:solid 1px black;background: #c5eec5;" onclick="mainMap.setZoom(0)"></div> |
|
<!-- zoom 1 --><a id="zoom1" href="javascript:mainMap.setZoom(1)"></a> |
<!-- zoom 1 --> |
|
<!-- zoom 2 --><a id="zoom2" href="javascript:mainMap.setZoom(2)"></a> |
<div style="position:absolute;top:17px;left:5px;width:20px; height:5px;font-size: 0px;border:solid 1px black;background: #c5eec5;" onclick="mainMap.setZoom(1)"></div> |
|
<!-- zoom 3 --><a id="zoom3" href="javascript:mainMap.setZoom(3)"></a> |
<!-- zoom 2 --> |
|
|
<div style="position:absolute;top:29px;left:5px;width:20px; height:5px;font-size: 0px;border:solid 1px black;background: #c5eec5;" onclick="mainMap.setZoom(2)"></div> |
|
|
<!-- zoom 3 --> |
|
|
<div style="position:absolute;top:41px;left:5px;width:20px; height:5px;font-size: 0px;border:solid 1px black;background: #c5eec5;" onclick="mainMap.setZoom(3)"></div> |
|
|
</div> |
|
|
<div id="translucent"> |
|
|
</div> |
|
</div> |
| |
|
<div id="translucent"></div> |
| |
|
</div> |
| |
|
<div id="legend"> |
| |
|
<div id="legendcanvas"><canvas id="paintlegend" width="25" height="0"></canvas></div> |
| |
|
<div id="mapstats_legend"></div> |
</div> |
|
</div> |
<div id="legend"> |
|
|
<div id="legendcanvas"> |
|
|
<canvas id="paintlegend" width="25" height="0"></canvas> |
|
|
</div> |
|
|
<div id="mapstats_legend"> |
|
|
</div> |
|
|
</div> |
|
|
<div id="innerDiv"> |
|
<div id="innerDiv"> |
<div id="mapstats"> |
|
<div id="mapstats"> |
<canvas id="paint"></canvas> |
|
<div id="paint"></div> |
<div id="mapstats_wave"></div> |
|
<div id="mapstats_wave"></div> |
<div id="mapstats_infopoint"></div> |
|
<div id="mapstats_infopoint"></div> |
<div id="mapstats_ip"></div> |
|
<div id="mapstats_ip"></div> |
<div id="mapstats_status"></div> |
|
<div id="mapstats_status"></div> |
<div id="mapstats_name"></div> |
|
<div id="mapstats_name"></div> |
<div id="mapstats_points"></div> |
|
<div id="mapstats_points"></div> |
</div> |
|
</div> |
<div id="mapstats2"> |
|
<div id="mapstats_over"></div> |
<canvas id="paint2"></canvas> |
|
|
</div> |
|
|
</div> |
|
</div> |
</div> |
|
</div> |
<div style="clear:both;"></div> |
|
<div class="clr"></div> |
<div id="underMap"> |
|
<div id="underMap"> |
<div id="resolutionInfo"></div> |
|
<div id="resolutionInfo"></div> |
<div id="version"><a href="http://www.jklir.net/" target="jklir">Mapstats v3.1 AJAX </a></div> |
|
<div id="version"><a href="http://www.jklir.net/" target="jklir">Mapstats v4.0 AJAX </a></div> |
</div> |
|
</div> |
</div> |
|
</div> |
<div id="menuset"> |
|
<div id="menuset"> |
<!-- mini map --> |
|
<!-- mini map --> |
<div class="miniMap"> |
|
<div class="miniMap"> |
<div id="miniMapInner"> |
|
<div id="miniMapInner"><img src="mini/mini_map.jpg" alt="" border="0" /></div> |
<img src="mini/mini_map.jpg" alt="" border="0" /> |
|
<div id="magnifier"></div> |
</div> |
|
|
<div id="magnifier"> |
|
|
</div> |
|
|
</div> |
|
|
<div id="infoDiv"> |
|
|
0 x 0 |
|
|
</div> |
|
</div> |
<div id="checkboxes"> |
|
<div id="infoDiv">0 x 0</div> |
<form action="#" name="form_map"> |
|
<div id="checkboxes"> |
<br> |
|
<form action="#" name="form_map"><br/> |
<input type="checkbox" name="ch_ap"> AP<br/> |
|
<input type="checkbox" name="ch_ap" id="ch_ap"/> AP<br/> |
<input type="checkbox" id="ch_router"> Router<br/> |
|
<input type="checkbox" name="ch_router" id="ch_router"/> Router<br/> |
<input type="checkbox" id="ch_node"> Node<br/> |
|
<input type="checkbox" name="ch_node" id="ch_node"/> Node<br/> |
<input type="checkbox" id="ch_infopoint"> Infopoint<br/> |
|
<input type="checkbox" name="ch_infopoint" id="ch_infopoint"/> Infopoint<br/> |
<input type="checkbox" id="ch_noping"> Client & Switch<br/> |
|
<input type="checkbox" name="ch_noping" id="ch_noping"/> Client & Switch<br/> |
<input type="checkbox" id="ch_legend"> Legend<br/><br/> |
|
<input type="checkbox" name="ch_legend" id="ch_legend"/> Legend<br/><br/> |
|
|
|
<input type="checkbox" id="ch_name"> Name<br/> |
|
<input type="checkbox" name="ch_name" id="ch_name"/> Name<br/> |
<input type="checkbox" id="ch_ip"> IP<br/> |
|
<input type="checkbox" name="ch_ip" id="ch_ip"/> IP<br/> |
<input type="checkbox" id="ch_status"> Status<br/><br/> |
|
<input type="checkbox" name="ch_status" id="ch_status"/> Status<br/><br/> |
|
|
|
<input type="checkbox" id="ch_backbone"> Backbone links<br/> |
|
<input type="checkbox" name="ch_backbone" id="ch_backbone"/> Backbone links<br/> |
<input type="checkbox" id="ch_client"> Client links<br/> |
|
<input type="checkbox" name="ch_client" id="ch_client"/> Client links<br/> |
<input type="checkbox" id="ch_inp"> In Planning links<br/><br/> |
|
<input type="checkbox" name="ch_inp" id="ch_inp"/> In Planning links<br/><br/> |
|
|
|
<input type="button" id="apply" value="Apply" onClick="reDraw();"><br/> |
|
<input type="button" name="apply" id="apply" value="Apply" onclick="javascript:reDraw();"/><br/> |
</form> |
|
</form> |
| |
|
</div> |
</div> |
|
</div> |
</div> |
|
</div> |
<div style="clear:both"> |
|
<div class="clr"> |
<br/><strong>Last Update: </strong><span id="mapstats_update" style="_width: 100%;"></span> |
|
<br/><strong>Last Update: </strong><span id="mapstats_update"><em>Loading...</em></span> |
</div> |
|
</div> |
|
|
|
</body> |
|
</body> |
</html> |
|
</html> |
