MediaWiki:Common.js

From Imperial Minerals Wiki
Revision as of 11:41, 22 February 2024 by Woveadmin (talk | contribs)

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* Any JavaScript here will be loaded for all users on every page load. */

function initMap() {
    var element = document.getElementById('map');
    var dataSrc = element.getAttribute('data-src');

    if (dataSrc) {
        var coordinates = dataSrc.split(/[;,]/).map(function(coord) {
            return parseFloat(coord.trim());
        });

        var mapOptions = {
            center: { lat: coordinates[0], lng: coordinates[1] },
            zoom: 15
        };
        var map = new google.maps.Map(element, mapOptions);

        var marker = new google.maps.Marker({
            position: { lat: coordinates[0], lng: coordinates[1] },
            map: map,
            title: 'Marker Title'
        });
    } else {
        // Add the 'no-data' class if data-src doesn't exist
        element.classList.add('no-data');
    }
}


var script = document.createElement('script');
script.src = 'https://maps.googleapis.com/maps/api/js?key=AIzaSyBIrgq5dZQ8haJIfKHbGco90OpDwYLiXwA&callback=initMap';
script.async = true;
script.defer = true;
document.head.appendChild(script);



    if (document.body.classList.contains('page-Main_Page')) {

        var popup = document.createElement('div');
        popup.className = 'popup';

        var popupContent = document.createElement('span');
        popup.innerHTML = '<span><h>Content Note</h><p>As a database of 19th-century material, some of the texts in this Wiki may contain racist, offensive, and discriminatory language and imagery.</p> <a class="button">okay</a></span>';

        document.body.insertBefore(popup, document.body.firstChild);

        popup.style.display = 'block';

        popup.addEventListener('click', function () {
            popup.style.display = 'none';
        });
    }