India Map Tooltip on SSaurel's Blog

tooltip.html

var ids = ['IN-AN', 'IN-AP', 'IN-AR', 'IN-AS', 'IN-BR', 'IN-CH', 'IN-CT', 'IN-DD', 'IN-DL', 'IN-DN', 'IN-GA', 'IN-GJ', 
           'IN-HP', 'IN-HR', 'IN-JH', 'IN-JK', 'IN-KA', 'IN-KL', 'IN-LD', 'IN-MH', 'IN-ML', 'IN-MN', 'IN-MP',
           'IN-MZ', 'IN-NL', 'IN-OR', 'IN-PB', 'IN-PY', 'IN-RJ', 'IN-SK', 'IN-TG', 'IN-TN', 'IN-TR',
           'IN-UP', 'IN-UT', 'IN-WB'];

function init(evt) {
    if ( window.svgDocument == null ) {
      svgDocument = evt.target.ownerDocument;
    }

    tooltip = svgDocument.getElementById('tooltip');
    tooltip_bg = svgDocument.getElementById('tooltip_bg');

    for (var i in ids) {
        elt = document.getElementById(ids[i]);

        elt.onmouseover = function (e) {
            showTooltip(e, capitalizeFirstLetter(e.currentTarget.getAttribute("title")));
        };

        elt.onmouseout = function (e) {
            hideTooltip(e);
        };
    }

    colourCountries(data1);  
}