Skip to content

Instantly share code, notes, and snippets.

@onemanparsons
Created August 27, 2020 09:27
Show Gist options
  • Save onemanparsons/092c5ac338b82fe5c1dec08a4ba7363a to your computer and use it in GitHub Desktop.
Save onemanparsons/092c5ac338b82fe5c1dec08a4ba7363a to your computer and use it in GitHub Desktop.
Tooltips on SVG using Tooltipster
$(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