jQuery

Kopjimi i tekstit nga fusha

HTML
<div> 
<textarea id="fushaMeTekst" rows="3" name="teksti">
Jam i shqetësuar. Nuk e di se me kë mund të shoqërohet djali im. Ai nuk ka shumë para sikur studentët e tjerë.” Dekani i përgjigjet: “Epo atëherë, ai mund të shoqërohet me neve dekanët.</textarea>
</div> 
<div>
<button id="pullaPerKopjim" role="button" onclick="kopjoNeMberthecke();">KOPJO</button>
</div>
CSS
.pulla-kopjo {
  position: relative;
  width: 90px;
  font-size: 11px;
  border: none;
}

.pulla-kopjo:after {
  position: absolute;
  font-family: 'FontAwesome';
  content: "\f0c5";
  top: 0;
  right: 0;
  padding: 6px 8px;
  background: rgba(0, 0, 0, 0.1);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.pulla-e-kopjuar {
  position: relative;
  width: 120px;
  font-size: 11px;
}

.pulla-e-kopjuar:after {
  position: absolute;
  font-family: 'FontAwesome';
  content: "\f00c";
  top: 0;
  right: 0;
  padding: 6px 8px;
  background: rgba(0, 255, 0, 0.6);
  color: rgba(255, 255, 255, 0.9);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
} 

/* pjesa me demonstrim*/
.pjesa-me-demonstrim {
  margin-bottom: 1em;
}

.mbajtesi-me-pulle {
  margin-bottom: 1em;
  text-align: right;
}
JS
<script>
function kopjoNeMberthecke(){
var teksti = document.getElementById("fushaMeTekst");
teksti.select();
teksti.setSelectionRange(0, 99999);
document.execCommand("copy");
$("#pullaPerKopjim").prop("disabled", true);
$("#pullaPerKopjim").text("Është kopjuar");
}
$("#fushaMeTekst").on("click", function() {
$("#pullaPerKopjim").prop("disabled", false);
$("#pullaPerKopjim").text("Kopjo");
}); 
</script>