comparison markers.js @ 299:ce52a0b7b281 gmap2

Rework the visibility controls DOM and CSS.
author Matti Hamalainen <ccr@tnsp.org>
date Mon, 21 Nov 2016 03:31:01 +0200
parents 87a17b1fccb5
children c0bac5a78724
comparison
equal deleted inserted replaced
298:87a17b1fccb5 299:ce52a0b7b281
244 var str = "<div class=\"vcontinents\">"; 244 var str = "<div class=\"vcontinents\">";
245 var n = 0; 245 var n = 0;
246 for (var i = 0; i < pmapContinents.length; i++) 246 for (var i = 0; i < pmapContinents.length; i++)
247 { 247 {
248 var c = pmapContinents[i][0]; 248 var c = pmapContinents[i][0];
249 str += "<span id=\"sp"+c+"\" class=\"continent\"><a href=\"javascript:pmapToggleVisContinent('"+c+"')\">"+c+"</a></span>\n"; 249 str += "<a id=\"sp"+c+"\" class=\"continent\" href=\"javascript:pmapToggleVisContinent('"+c+"')\">"+c+"</a>\n";
250 // if (n == 2) str += "<br />\n"; 250 // if (n == 2) str += "<br />\n";
251 n++; 251 n++;
252 } 252 }
253 253
254 str += "<span id=\"spall_c\" class=\"continent\"><a href=\"javascript:pmapToggleVisContinent('all_c')\">All</a></span>\n"; 254 str += "<a id=\"spall_c\" class=\"continent\" href=\"javascript:pmapToggleVisContinent('all_c')\">All</a>\n";
255 255
256 str += "</div>\n"; 256 str += "</div>\n";
257 str +="<div class=\"vtypes\">\n"; 257 str +="<div class=\"vtypes\">\n";
258 258
259 n = 0; 259 n = 0;
261 { 261 {
262 var q = pmapMarkerTypes[i]; 262 var q = pmapMarkerTypes[i];
263 if (q != null) 263 if (q != null)
264 { 264 {
265 var c = q[1]; 265 var c = q[1];
266 str += "<span id=\"sp"+c+"\" class=\"vtype\"><a href=\"javascript:pmapToggleVisType('"+c+"')\">"+pmapMarkerTypes[i][0]+"</a></span>\n"; 266 str += "<a id=\"sp"+c+"\" class=\"vtype\" href=\"javascript:pmapToggleVisType('"+c+"')\">"+pmapMarkerTypes[i][0]+"</a>\n";
267 // if (n == 2) str += "<br />\n"; 267 // if (n == 2) str += "<br />\n";
268 n++; 268 n++;
269 } 269 }
270 } 270 }
271 271
272 str += "<span id=\"spall_t\" class=\"vtype\"><a href=\"javascript:pmapToggleVisType('all_t')\">All</a></span></div>\n"; 272 str += "<a id=\"spall_t\" class=\"vtype\" href=\"javascript:pmapToggleVisType('all_t')\">All</a></div>\n";
273 273
274 document.getElementById("controls").innerHTML = str; 274 document.getElementById("controls").innerHTML = str;
275 275
276 // 276 //
277 // Set default states 277 // Set default states