/Javascript/jQuery/Click and copy jquery dynamic content

Click and copy jquery dynamic content

Works great with Dynamically created list. Reading in from a database.

<style type="text/css">
.fw-code-copy {
  display: block;
  position: relative;
  width: 400px;
  height: 30px;
  background: #FFE;
  border: thin solid #FF0;
  margin-bottom: 0.5em;
  padding: 0.5em;
}
.fw-code-copy-button {
  position: absolute;
  top: 8px;
  right: 8px;
  padding: 0.25em;
  border: thin solid #777;
  background: #800080;
  color: #FFF;
}
.fw-code-copy-button:hover {
  border: thin solid #DDD;
  background: #992699;
  cursor: pointer;
}
</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.3/clipboard.min.js"></script>

<span class="fw-code-copy">
  <span class="fw-code-copy-button">Copy</span>
  <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;style-1.css&quot;&gt;</code>
</span>
<span class="fw-code-copy">
  <span class="fw-code-copy-button">Copy</span>
  <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;style-2.css&quot;&gt;</code>
</span>
<span class="fw-code-copy">
  <span class="fw-code-copy-button">Copy</span>
  <code>&lt;link rel=&quot;stylesheet&quot; href=&quot;style-3.css&quot;&gt;</code>
</span>

<script>
new Clipboard(".fw-code-copy-button", {
  text: function(trigger) {
    return $(trigger).parent().find('code').first().text().trim();
  }
});
</script>

Source: stackoverflow.com

Similar codes

1 vote194 views1 answer
Valid email patter check jquery
Javascript jQuery
-1 vote202 views10 answers
How to add id in jquery
Javascript jQuery
3 votes207 views4 answers
Get selected value of select2 dropdown in jquery
Javascript jQuery
0 vote215 views1 answer
Get how much i scroll in jquery
Javascript jQuery
0 vote213 views1 answer
How to change the font family using jquery
Javascript jQuery
1 vote218 views2 answers
Number_format in jquery
Javascript jQuery
1 vote242 views1 answer
Post antiforgerytoken jquery
Javascript jQuery
0 vote192 views1 answer
Jquery select convert into input text
Javascript jQuery
93 votes186 views2 answers
How to check whether a checkbox is checked in jQuery?
Javascript jQuery
0 vote202 views1 answer
How to get form all filed with properties in jquery
Javascript jQuery