Mercurial > hg > batmud > gmap2
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;