Created
August 27, 2020 09:27
-
-
Save onemanparsons/092c5ac338b82fe5c1dec08a4ba7363a to your computer and use it in GitHub Desktop.
Tooltips on SVG using Tooltipster
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
$(document).ready(function () { | |
// Only run this on Footprint page | |
if (top.location.pathname === "/footprint") { | |
$("path[data-state='active']").each( function(index) { | |
$(this).tooltipster({ | |
content: function() { | |
var innerContent = ""; | |
if (index == 0) { | |
var country = 'Zambia'; | |
var images = '<img src="img/fallback/partner-mtn.png" /><img src="img/fallback/partner-airtel.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 1) { | |
var country = 'Uganda'; | |
var images = '<img src="img/fallback/partner-airtel.png" /><img src="img/fallback/partner-mtn.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 2) { | |
var country = 'Mozambique'; | |
var images = '<img src="img/fallback/partner-vodafone.png" />'; | |
} | |
if (index == 3) { | |
var country = 'Tanzania'; | |
var images = '<img src="img/fallback/partner-airtel.png" /><img src="img/fallback/partner-tigo-cash.png" />'; | |
} | |
if (index == 4) { | |
var country = 'Rwanda'; | |
var images = '<img src="img/fallback/partner-mtn.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 5) { | |
var country = 'Republic of the Congo'; | |
var images = '<img src="img/fallback/partner-mtn.png" />'; | |
} | |
if (index == 6) { | |
var country = 'Nigeria'; | |
var images = '<img src="img/fallback/partner-paga.png" />'; | |
} | |
if (index == 7) { | |
var country = 'Niger'; | |
var images = '<img src="img/fallback/partner-airtel.png" /><img src="img/fallback/partner-wari.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 8) { | |
var country = 'Mali'; | |
var images = '<img src="img/fallback/partner-orange.png" /><img src="img/fallback/partner-wari.png" />'; | |
} | |
if (index == 9) { | |
var country = 'Malawi'; | |
var images = '<img src="img/fallback/partner-airtel.png" />'; | |
} | |
if (index == 10) { | |
var country = 'Madagascar'; | |
var images = '<img src="img/fallback/partner-orange.png" />'; | |
} | |
if (index == 11) { | |
var country = 'Lesotho'; | |
var images = '<img src="img/fallback/partner-vodafone.png" />'; | |
} | |
if (index == 12) { | |
var country = 'Kenya'; | |
var images = '<img src="img/fallback/partner-safaricom.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 13) { | |
var country = 'Ivory Coast'; | |
var images = '<img src="img/fallback/partner-mtn.png" /><img src="img/fallback/partner-orange.png" /><img src="img/fallback/partner-wari.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 14) { | |
var country = 'Guinea'; | |
var images = '<img src="img/fallback/partner-mtn.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 15) { | |
var country = 'Ghana'; | |
var images = '<img src="img/fallback/partner-mtn.png" /><img src="img/fallback/partner-airtel.png" /><img src="img/fallback/partner-tigo-cash.png" /><img src="img/fallback/partner-vodafone.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 16) { | |
var country = 'Gabon'; | |
var images = '<img src="img/fallback/partner-airtel.png" /><img src="img/fallback/partner-wari.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 17) { | |
var country = 'Democratic Republic of the Congo'; | |
var images = '<img src="img/fallback/partner-orange.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 18) { | |
var country = 'Chad'; | |
var images = '<img src="img/fallback/partner-tigo-cash.png" /><img src="img/fallback/partner-wari.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 19) { | |
var country = 'Cameroon'; | |
var images = '<img src="img/fallback/partner-mtn.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 20) { | |
var country = 'Burkina Faso'; | |
var images = '<img src="img/fallback/partner-airtel.png" /><img src="img/fallback/partner-wari.png" />'; | |
} | |
if (index == 21) { | |
var country = 'Benin'; | |
var images = '<img src="img/fallback/partner-mtn.png" /><img src="img/fallback/partner-wari.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 22) { | |
var country = 'Togo'; | |
var images = '<img src="img/fallback/partner-wari.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 23) { | |
var country = 'Burundi'; | |
var images = '<img src="img/fallback/partner-econet-mfs-africa.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 24) { | |
var country = 'Zimbabwe'; | |
var images = '<img src="img/fallback/partner-econet-mfs-africa.png" />'; | |
} | |
if (index == 25) { | |
var country = 'Senegal'; | |
var images = '<img src="img/fallback/partner-orange.png" /><img src="img/fallback/partner-tigo-cash.png" /><img src="img/fallback/partner-wari.png" /><img src="img/fallback/partner-ecobank.png" />'; | |
} | |
if (index == 26) { | |
var country = 'Ethiopia'; | |
var images = '<img src="img/fallback/partner-hellocash.jpg"'; | |
} | |
else { | |
// do nothing | |
} | |
innerContent = $('<h3>' + country + '</h3><div>' + images + '</div>'); | |
return innerContent; | |
}, | |
contentCloning: false, | |
interactive: true, | |
maxWidth: 260, | |
onlyOne: true, | |
trigger: 'hover', | |
debug: false | |
}) | |
}); | |
}; | |
}); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment