changeset 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 e7aa649b0090
files css/common.css markers.js
diffstat 2 files changed, 8 insertions(+), 11 deletions(-) [+]
line wrap: on
line diff
--- a/css/common.css	Sun Nov 20 20:56:23 2016 +0200
+++ b/css/common.css	Mon Nov 21 03:31:01 2016 +0200
@@ -9,23 +9,20 @@
 .c_special div { background: #a06; }
 .c_all div { background: #0af; }
 
-#controls span {
+#controls a {
 	border: 1px solid black;
 	margin: 0.15em;
 	display: inline-table;
 	border-radius: 0.2em;
-}
-
-#controls span a {
 	text-decoration: none;
 	color: black;
-	margin: 1em;
+	padding: 0.30em;
 }
 
 #controls div {
 	padding-bottom: 1em;
 }
 
-#controls span.visible { background: white; }
-#controls span.hidden { background: red; }
+#controls a.visible { background: white; }
+#controls a.hidden { background: red; }
 
--- a/markers.js	Sun Nov 20 20:56:23 2016 +0200
+++ b/markers.js	Mon Nov 21 03:31:01 2016 +0200
@@ -246,12 +246,12 @@
   for (var i = 0; i < pmapContinents.length; i++)
   {
     var c = pmapContinents[i][0];
-    str += "<span id=\"sp"+c+"\" class=\"continent\"><a href=\"javascript:pmapToggleVisContinent('"+c+"')\">"+c+"</a></span>\n";
+    str += "<a id=\"sp"+c+"\" class=\"continent\" href=\"javascript:pmapToggleVisContinent('"+c+"')\">"+c+"</a>\n";
 //    if (n == 2) str += "<br />\n";
     n++;
   }	
 
-  str += "<span id=\"spall_c\" class=\"continent\"><a href=\"javascript:pmapToggleVisContinent('all_c')\">All</a></span>\n";
+  str += "<a id=\"spall_c\" class=\"continent\" href=\"javascript:pmapToggleVisContinent('all_c')\">All</a>\n";
 
   str += "</div>\n";
   str +="<div class=\"vtypes\">\n";
@@ -263,13 +263,13 @@
     if (q != null)
     {
       var c = q[1];
-      str += "<span id=\"sp"+c+"\" class=\"vtype\"><a href=\"javascript:pmapToggleVisType('"+c+"')\">"+pmapMarkerTypes[i][0]+"</a></span>\n";
+      str += "<a id=\"sp"+c+"\" class=\"vtype\" href=\"javascript:pmapToggleVisType('"+c+"')\">"+pmapMarkerTypes[i][0]+"</a>\n";
 //      if (n == 2) str += "<br />\n";
       n++;
     }
   }	
 
-  str += "<span id=\"spall_t\" class=\"vtype\"><a href=\"javascript:pmapToggleVisType('all_t')\">All</a></span></div>\n";
+  str += "<a id=\"spall_t\" class=\"vtype\" href=\"javascript:pmapToggleVisType('all_t')\">All</a></div>\n";
 
   document.getElementById("controls").innerHTML = str;