clickToCopy.js 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. require(['jquery',
  2. 'jquery/ui',
  3. 'domReady!',
  4. 'mage/translate'], function ($) {
  5. 'use strict';
  6. function removeTooltip(element)
  7. {
  8. element.css('position','');
  9. $('.ddg-tooltip').remove();
  10. }
  11. function addTooltip(toolTipText,element)
  12. {
  13. element.attr('data-title', toolTipText);
  14. element.parent().append("<div class='ddg-tooltip'>" + toolTipText + "</div>");
  15. element.parent().css('position','relative');
  16. }
  17. $('.ddg-dynamic-content').click(function(){
  18. var toolTipText = $.mage.__('Copied!');
  19. $(this).select();
  20. removeTooltip($(this));
  21. addTooltip(toolTipText,$(this));
  22. setTimeout(function() {
  23. removeTooltip($(this));
  24. }, 850);
  25. document.execCommand("copy");
  26. });
  27. $('.ddg-dynamic-content').hover( function() {
  28. var toolTipText = $.mage.__('Click to copy URL');
  29. addTooltip(toolTipText,$(this));
  30. }
  31. ,function() {
  32. removeTooltip($(this));
  33. }
  34. );
  35. });