Experte Für Böden

var textBeforeClick = "Zum Kopieren klicken"; var textAfterClick = "Kopiert"; function writeToolTip(text) { jQuery(".dv-tooltip").text(text) } jQuery("") .text(textBeforeClick) .appendTo('.dv-copy'); // on click copy to clipboard jQuery( ".dv-copy" ).click( function() { // get text of element var copyText = jQuery(this).text(); // remove textBeforeClick copyText = copyText.replace(textBeforeClick,''); var $temp = jQuery(""); jQuery("body").append($temp); $temp.val(copyText).select(); document.execCommand("copy"); $temp.remove(); // write text to tooltip writeToolTip(textAfterClick); }); jQuery(".dv-copy").hover( function() { console.log("ok"); writeToolTip(textBeforeClick); }) .dv-copy { position: relative; display: inline-block; cursor: pointer; } /* tooltip */ .dv-copy .dv-tooltip { font-size: 14px; line-height: 1.4em; font-weight: 600; visibility: hidden; width: 140px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 5px; position: absolute; z-index: 1; bottom: 150%; left: 50%; margin-left: -75px; opacity: 0; transition: opacity 0.3s; } .dv-copy .dv-tooltip::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; } .dv-copy:hover .dv-tooltip { visibility: visible; opacity: 1; }