1 | 1 | unreal | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" |
2 | | | "DTD/xhtml1-transitional.dtd"> |
3 | | | |
4 | | | <html> |
5 | | | <head> |
6 | 4 | unreal | <title>Mapstats v3.1 AJAX</title> |
7 | 1 | unreal | <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" /> |
12 | 2 | unreal | <style> |
13 | | | html,body { overflow: auto; border-width: 0px; } |
14 | | | html>body { overflow: visible; } |
15 | | | </style> |
16 | 1 | unreal | |
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 | 4 | unreal | <div id="version"><a href="http://www.jklir.net/" target="jklir">Mapstats v3.1 AJAX </a></div> |
163 | 1 | unreal | </div> |
164 | | | </div> |
165 | | | <div id="menuset"> |
166 | | | <!-- mini map --> |
167 | | | <div class="miniMap"> |
168 | | | <div id="miniMapInner"> |
169 | 4 | unreal | <img src="mini/mini_map.jpg" alt="" border="0" /> |
170 | 1 | unreal | </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"> AP<br/> |
181 | | | <input type="checkbox" id="ch_router"> Router<br/> |
182 | | | <input type="checkbox" id="ch_node"> Node<br/> |
183 | | | <input type="checkbox" id="ch_infopoint"> Infopoint<br/> |
184 | | | <input type="checkbox" id="ch_noping"> Client & Switch<br/> |
185 | | | <input type="checkbox" id="ch_legend"> Legend<br/><br/> |
186 | | | |
187 | | | <input type="checkbox" id="ch_name"> Name<br/> |
188 | | | <input type="checkbox" id="ch_ip"> IP<br/> |
189 | | | <input type="checkbox" id="ch_status"> Status<br/><br/> |
190 | | | |
191 | | | <input type="checkbox" id="ch_backbone"> Backbone links<br/> |
192 | | | <input type="checkbox" id="ch_client"> Client links<br/> |
193 | | | <input type="checkbox" id="ch_inp"> 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> |