Widget:PlaceNamesNavigationMapEnglish: Difference between revisions
From International Robin Hood Bibliography
mNo edit summary |
mNo edit summary |
||
(24 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<noinclude><div class="no-img">This widget displays the navigation map on country and administrative division landing pages in the place-names section of IRHB. It takes no parameters.</div></noinclude><includeonly><div id="navMapNav"></div><script> | <noinclude><div class="no-img">This widget displays the navigation map on country and administrative division landing pages in the place-names section of IRHB. It takes no parameters.</div></noinclude><includeonly><div id="navMapNav"></div><script>( function() { | ||
( function() { | |||
window.IRHB = window.IRHB || {}; | window.IRHB = window.IRHB || {}; | ||
Line 16: | Line 14: | ||
( function() { | ( function() { | ||
Line 85: | Line 82: | ||
var cur = d.colours[i]; | var cur = d.colours[i]; | ||
if (val <= cur.limit) { | if (val <= cur.limit) { | ||
colour = cur.rgb; | colour = "#" + cur.rgb; | ||
break; | break; | ||
} | } | ||
Line 178: | Line 175: | ||
( function() { | ( function() { | ||
Line 226: | Line 222: | ||
( function() { | ( function() { | ||
Line 287: | Line 282: | ||
}); | }); | ||
tooltipOffset = {x: 5, y: -25}; | tooltipOffset = {x: 5, y: -25}; | ||
} | } | ||
Line 297: | Line 291: | ||
m.addSpinner = function (elem) { | m.addSpinner = function (elem) { | ||
var svg = '<svg | var svg = '<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 100 100" xml:space="preserve">'; | ||
svg += '<path | svg += '<path stroke="none !important" d="M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50">'; | ||
svg += '<animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="2s" from="0 50 50" to="360 50 50" repeatCount="indefinite"/>'; | svg += '<animateTransform attributeName="transform" attributeType="XML" type="rotate" dur="2s" from="0 50 50" to="360 50 50" repeatCount="indefinite"/>'; | ||
svg += '</path></svg>'; | svg += '</path></svg>'; | ||
elem.innerHTML = svg; | elem.innerHTML = svg; | ||
elem.firstElementChild.firstElementChild.style.strokeWidth = "0px"; | |||
}; | }; | ||
Line 330: | Line 325: | ||
( function() { | ( function() { | ||
Line 371: | Line 365: | ||
n.prepareNav = function() { | n.prepareNav = function() { | ||
get("navMapNav").innerHTML = "<a id='nmnOverview'>Overview</a><a id='nmnNav'>Navigation</a><a id='nmnChoro'>Choropleths</a>"; | get("navMapNav").innerHTML = "<a id='nmnOverview'>Overview</a><a id='nmnNav'>Navigation</a><a id='nmnChoro'>Choropleths</a>"; | ||
get("nmnOverview").onclick = n.toggleNav; | get("nmnOverview").onclick = n.toggleNav; | ||
get("nmnNav").onclick = n.toggleNav; | get("nmnNav").onclick = n.toggleNav; | ||
get("nmnChoro").onclick = n.toggleNav; | get("nmnChoro").onclick = n.toggleNav; | ||
get("choroMapLegend2").onclick = selectChoroVar; | var d = get("choroMapLegend2"); | ||
d.onclick = selectChoroVar; | |||
d.style.fontWeight = 600; | |||
d.style.color = "#4d8375"; | |||
get("choroMapLegend3").onclick = selectChoroVar; | d.style.cursor = "pointer"; | ||
d = get("choroMapLegend3"); | |||
d.onclick = selectChoroVar; | |||
d.style.fontWeight = 600; | |||
d.style.color = "#4d8375"; | |||
d.style.cursor = "pointer"; | |||
get("navMap").style.backgroundColor = "#f9fafa"; | get("navMap").style.backgroundColor = "#f9fafa"; | ||
get("choroMap").style.backgroundColor = "#f9fafa"; | get("choroMap").style.backgroundColor = "#f9fafa"; | ||
Line 402: | Line 395: | ||
if (t === "nmnOverview") { | if (t === "nmnOverview") { | ||
get("ctyMapLegend").style.display = "block"; | get("ctyMapLegend").style.display = "block"; | ||
get("map_leaflet_1").style.display = "block"; | |||
w.maps.resizeMaps(); | w.maps.resizeMaps(); | ||
maps.leafletList[0].map.invalidateSize(); | |||
} else if (t === "nmnNav") { | } else if (t === "nmnNav") { | ||
get("navMap").style.display = "block"; | get("navMap").style.display = "block"; | ||
Line 454: | Line 448: | ||
document.head.appendChild(script); | document.head.appendChild(script); | ||
}() ); | }());</script><p style="display:none;"></includeonly> | ||
</script></includeonly> |
Revision as of 13:02, 6 June 2019
This widget displays the navigation map on country and administrative division landing pages in the place-names section of IRHB. It takes no parameters.