القسم الفني (داينمو الموقع)
البلد : الجنس : عدد المساهمات : 114 تاريخ التسجيل : 15/06/2017 العمل/الترفيه : مهندس تكنولوجيا المعلومات/ IT Engineer
| موضوع: كود انسيابي css لتحديد نسخ الكود عند نشر كود في موضوع يعني زر ينسخ الكود 19/4/2020, 5:29 pm | |
| من طرف علاء ألعراقي في الخميس 16 أبريل 2020 - 21:38 كود انسيابي css لتحديد نسخ الكود عند نشر كود في موضوع يعني زر ينسخ الكود
من طرف omarpop23 في الجمعة 17 أبريل 2020 - 14:18 تفضل ضع الكود التالي ف اكواد الـ Javascript الجافا سكريبتالكود: - اقتباس :
- $.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
window.fae_copyCode = { copy: 'نسخ الكود', copied: 'تم النسخ !' }; $(function() { var a = $('.codebox dt'), i = 0, j = a.length; if (a[0]) {
$('head').append('<style type = "text/css" > .fae_copy - code { font - size: 14 px; float: left; cursor: pointer }.codebox dt { background: #8FD534; }</style>'); for (; i < j; i++) { a[i].insertAdjacentHTML('beforeend', '<span class= "fae_copy-code" > ' + fae_copyCode.copy + ' < /span>') } new Clipboard('.fae_copy-code', { target: function(copy) { if (copy.innerHTML != fae_copyCode.copied) { return $(copy).closest('.codebox').find('.cont_code')[0] } } }).on('success', function(e) { var copy = e.trigger; if (copy.innerHTML != fae_copyCode.copied) { copy.innerHTML = fae_copyCode.copied; copy.className += ' fae_copied'; window.setTimeout(function() { copy.innerHTML = fae_copyCode.copy; copy.className = copy.className.replace('fae_copied', '') }, 1000) } e.clearSelection() }) } }) }); | |
|