jablonka.czprosek.czf

mapstats

 Subversion Repositories:
[/] [index.html] - Blame information for rev 3

 

Line No. Rev Author Line
11unreal<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
2 "DTD/xhtml1-transitional.dtd">
3 
4<html>
5 <head>
6 <title>Mapstats v3.0 AJAX</title>
7 <meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
8 <meta http-equiv="Content-Script-Type" content="text/javascript" />
9 <meta http-equiv="cache-control" content="no-cache" />
10 <meta http-equiv="pragma" content="no-cache" />
11 <link href="mapstats.css" rel="stylesheet" type="text/css" />
122unreal <style>
13 html,body { overflow: auto; border-width: 0px; }
14 html>body { overflow: visible; }
15 </style>
161unreal 
17<!--[if IE]><script type="text/javascript" src="excanvas-compressed.js"></script><![endif]-->
18<script type="text/javascript" src="mapstats.js"></script>
19 
20</head>
21 
22<body>
23 
24<script type="text/javascript">
25<!--
26 
27 // set full resolution (100%) of map (width and height)
28 var full_x = 3100;
29 var full_y = 2230;
30 
31 // set outerDiv resolution (width and height)
32 var inres_x = 700;
33 var inres_y = 500;
34 
35 // set magnifier resolution (width and height)
36 var magres_x = 150;
37 var magres_y = parseInt(full_y / (full_x / magres_x));
38 
39 // set start position (from left and top)
40 var start_left = 110;
41 var start_top = 50;
42 
43 // set zoom multiple
44 var eq_mini = 0.33; // 33%
45 var eq_medi = 0.5; // 50%
46 var eq_high = 0.66; // 66%
47 var eq_orig = 1; // 100%
48 
49 // set start multiple
50 var start_mul = eq_mini;
51 
52 // set displayed functions
53 var ch_ap = true;
54 var ch_router = true;
55 var ch_node = true;
56 var ch_infopoint = true;
57 var ch_noping = true;
58 var ch_legend = true;
59 var ch_name = true;
60 var ch_ip = true;
61 var ch_status = true;
62 var ch_backbone = true;
63 var ch_client = true;
64 var ch_inp = true;
65 
66 // set source data
67 var nodes = 'name.nodes';
68 var noping = 'name.noping';
69 var links = 'name.links';
70 var infopoints = 'name.infopoints';
71 var state = 'name.state';
72 
73 // set colors of links
74 var wifi_client = "rgb(0, 200, 0)";
75 var wifi_backbone = "rgb(250, 250, 0)";
76 var eth_100 = "rgb(173, 216, 230)";
77 var fso = "rgb(190, 0, 0)";
78 var fso_backup = "rgb(255, 80, 80)";
79 var ghz5 = "rgb(200, 200, 200)";
80 var ghz10 = "rgb(255, 255, 255)";
81 var fiber = "rgb(220, 0, 220)";
82 var other = "rgb(0, 0, 250)";
83 
84 // set alpha colors of links
85 var wifi_client_a = "rgba(0, 200, 0, 0.6)";
86 var wifi_backbone_a = "rgba(250, 250, 0, 0.6)";
87 var eth_100_a = "rgba(173, 216, 230, 0.6)";
88 var fso_a = "rgba(190, 0, 0, 0.6)";
89 var fso_backup_a = "rgba(255, 80, 80, 0.6)";
90 var ghz5_a = "rgba(200, 200, 200, 0.6)";
91 var ghz10_a = "rgba(255, 255, 255, 0.6)";
92 var fiber_a = "rgba(220, 0, 220, 0.6)";
93 var other_a = "rgba(0, 0, 250, 0.6)";
94 
95 // set names of links
96 var name1 = "Wifi Client";
97 var name2 = "Wifi Backbone";
98 var name3 = "Ethernet";
99 var name4 = "FSO";
100 var name5 = "FSO + Backup";
101 var name6 = "5 GHz";
102 var name7 = "10 GHz";
103 var name8 = "Fiber";
104 var name9 = "Other";
105 
106 // set name for link in planning (for legend)
107 var inp = "(InP)";
108 
109 // Let's start it
110 window.onload = function() {
111 nactiSoubory();
112 mapInit(start_mul);
113 nastavCheck();
114 canvasInit(start_mul);
115 timerMe();
116 }
117 
118// -->
119</script>
120 
121<!-- main map -->
122<div>
123 <div style="float:left;">
124 <div id="outerDiv">
125 <div id="zoomPanel">
126 <div id="opaque">
127 <!-- zoom 0 -->
128 <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>
129 <!-- zoom 1 -->
130 <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>
131 <!-- zoom 2 -->
132 <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>
133 <!-- zoom 3 -->
134 <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>
135 </div>
136 <div id="translucent">
137 </div>
138 </div>
139 <div id="legend">
140 <div id="legendcanvas">
141 <canvas id="paintlegend" width="25" height="0"></canvas>
142 </div>
143 <div id="mapstats_legend">
144 </div>
145 </div>
146 <div id="innerDiv">
147 <div id="mapstats">
148 <canvas id="paint"></canvas>
149 <div id="mapstats_infopoint"></div>
150 <div id="mapstats_ip"></div>
151 <div id="mapstats_status"></div>
152 <div id="mapstats_name"></div>
153 </div>
154 <div id="mapstats2">
155 <canvas id="paint2"></canvas>
156 </div>
157 </div>
158 </div>
159 <div style="clear:both;"></div>
160 <div id="underMap">
161 <div id="resolutionInfo"></div>
162 <div id="version"><a href="http://www.jklir.net/" target="jklir">Mapstats v3.0 AJAX&nbsp;</a></div>
163 </div>
164 </div>
165 <div id="menuset">
166 <!-- mini map -->
167 <div class="miniMap">
168 <div id="miniMapInner">
169 <img src="mini/mini_map.jpg" alt="mini map" border="0" />
170 </div>
171 <div id="magnifier">
172 </div>
173 </div>
174 <div id="infoDiv">
175 
176 </div>
177 <div id="checkboxes">
178 <form action="#" name="form_map">
179 <br>
180 <input type="checkbox" name="ch_ap">&nbsp;AP<br/>
181 <input type="checkbox" id="ch_router">&nbsp;Router<br/>
182 <input type="checkbox" id="ch_node">&nbsp;Node<br/>
183 <input type="checkbox" id="ch_infopoint">&nbsp;Infopoint<br/>
184 <input type="checkbox" id="ch_noping">&nbsp;Client & Switch<br/>
185 <input type="checkbox" id="ch_legend">&nbsp;Legend<br/><br/>
186 
187 <input type="checkbox" id="ch_name">&nbsp;Name<br/>
188 <input type="checkbox" id="ch_ip">&nbsp;IP<br/>
189 <input type="checkbox" id="ch_status">&nbsp;Status<br/><br/>
190 
191 <input type="checkbox" id="ch_backbone">&nbsp;Backbone links<br/>
192 <input type="checkbox" id="ch_client">&nbsp;Client links<br/>
193 <input type="checkbox" id="ch_inp">&nbsp;In Planning links<br/><br/>
194 
195 <input type="button" id="apply" value="Apply" onClick="reDraw();"><br/>
196 </form>
197 </div>
198</div>
199<div style="clear:both">
200 <br/><strong>Last Update: </strong><span id="mapstats_update" style="_width: 100%;"></span>
201</div>
202 
203</body>
204</html>

Powered by WebSVN 2.2.1