Mint: A Fresh Look at your Site Minted
  1. 1 jQuery(function() {
  2. 2 'use strict';
  3. 3 var daftplugPublic = jQuery('.daftplugPublic[data-daftplug-plugin="daftplug_instantify"]');
  4. 4 var optionName = daftplugPublic.attr('data-daftplug-plugin');
  5. 5 var objectName = window[optionName+'_public_js_vars'];
  6. 6
  7. 7 // Handle tooltips
  8. 8 daftplugPublic.on('mouseenter mouseleave', '[data-tooltip]', function(e) {
  9. 9 var self = jQuery(this);
  10. 10 var tooltip = self.attr('data-tooltip');
  11. 11 var flow = self.attr('data-tooltip-flow');
  12. 12
  13. 13 if (e.type === 'mouseenter') {
  14. 14 self.append(`<span class="daftplugPublicTooltip">${tooltip}</span>`);
  15. 15 var tooltipEl = self.find('.daftplugPublicTooltip');
  16. 16 switch (flow) {
  17. 17 case 'top':
  18. 18 tooltipEl.css({
  19. 19 'bottom': 'calc(100% + 5px)',
  20. 20 'left': '50%',
  21. 21 '-webkit-transform': 'translate(-50%, -.5em)',
  22. 22 'transform': 'translate(-50%, -.5em)',
  23. 23 });
  24. 24 break;
  25. 25 case 'right':
  26. 26 tooltipEl.css({
  27. 27 'top': '50%',
  28. 28 'left': 'calc(100% + 5px)',
  29. 29 '-webkit-transform': 'translate(.5em, -50%)',
  30. 30 'transform': 'translate(.5em, -50%)',
  31. 31 });
  32. 32 break;
  33. 33 case 'bottom':
  34. 34 tooltipEl.css({
  35. 35 'top': 'calc(100% + 5px)',
  36. 36 'left': '50%',
  37. 37 '-webkit-transform': 'translate(-50%, .5em)',
  38. 38 'transform': 'translate(-50%, .5em)',
  39. 39 });
  40. 40 break;
  41. 41 case 'left':
  42. 42 tooltipEl.css({
  43. 43 'top': '50%',
  44. 44 'right': 'calc(100% + 5px)',
  45. 45 '-webkit-transform': 'translate(-.5em, -50%)',
  46. 46 'transform': 'translate(-.5em, -50%)',
  47. 47 });
  48. 48 break;
  49. 49 default:
  50. 50
  51. 51 }
  52. 52 }
  53. 53
  54. 54 if (e.type === 'mouseleave') {
  55. 55 self.find('.daftplugPublicTooltip').remove();
  56. 56 }
  57. 57 });
  58. 58 });
Bookmark: javascript:location='http://shauninman.com/vs/?url='+escape(location)