هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

دخول

descriptionبشأن صناديق الاكواد Emptyبشأن صناديق الاكواد

more_horiz
السلام عليكم 

بشأن صناديق الاكواد
بتقدرو تستخدمو هذا الكود لتسهيل عملية نسخ محتواه 
بشأن صناديق الاكواد 4y46fh10

الكود:

$.getScript('https://cdn.jsdelivr.net/clipboard.js/1.5.16/clipboard.min.js', function() {
  window.fae_copyCode = {
    copy : 'انسخ الكود',
    copied : 'تم النسخ !'
  };
 
  $(function() {
    var a = $('.codebox dt').not('.spoiler > dt, .hidecode > dt'),
        i = 0,
        j = a.length;
 
    if (a[0]) {
      $('head').append('<style type="text/css">.fae_copy-code{float:right;cursor:pointer;}.fae_copy-code:hover{text-decoration:underline}</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, 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();
      });
    }
 
  });
});


descriptionبشأن صناديق الاكواد Emptyرد: بشأن صناديق الاكواد

more_horiz
يرفع للادارة ، شكرا لك حبيبي ،

descriptionبشأن صناديق الاكواد Emptyرد: بشأن صناديق الاكواد

more_horiz
اتوقع انه في نقص بالكواد مثلا CSS
او لا ؟

descriptionبشأن صناديق الاكواد Emptyرد: بشأن صناديق الاكواد

more_horiz
لا هو هيك بس جافا سكربت
هو ليس للصندوق كامل فقط لاظهار كلمة نسخ الكود

descriptionبشأن صناديق الاكواد Emptyرد: بشأن صناديق الاكواد

more_horiz
بعد اذن حبيبي معتصم
للقيام بذلك ، يجب عليك أولاً وضع هذا الكود على صفحات الموضوع في اكواد الجافا سكريبت

الكود:

function selectCode(e) {
    var s = $(e).closest("dl").find(".cont_code,code").get(0),
        range, selection;
    var a = s,
        z = s;
    while (a.nodeType == 1 && a.childNodes.length) a = a.firstChild;
    while (z.nodeType == 1 && z.childNodes.length) z = z.lastChild;
    if (!$(a).is('.fixff')) {
        var fix = $('<span class="fixff"/>').insertBefore(a);
    } else {
        a = a.nextSibling;
    }
    if (document.body.createTextRange) {
        range = document.body.createTextRange();
        range.moveToElementText(s);
        range.select();
    } else if (window.getSelection) {
        selection = window.getSelection();
        range = document.createRange();
        range.setStart(a, 0);
        range.setEnd(z, z.nodeValue ? z.nodeValue.length : 0);
        selection.removeAllRanges();
        selection.addRange(range);
    }
};
$(function() {
    $("dl.codebox:not(.spoiler,.hidecode)  > dd.code, dl.codebox:not(.spoiler,.hidecode)  > dd > code").closest("dl").find('dt').append('<span onClick="selectCode(this)" class="selectCode">تحديد المحتوى</span>')
});


ثم أضف CSS

الكود:

.selectCode {
    cursor: pointer;
    text-transform: uppercase;
    margin-right: 5px;
}[size=12][/size]
div.cont_code {
    clear: right;
}

جرب كده يا ياسين
gg444g 

descriptionبشأن صناديق الاكواد Emptyرد: بشأن صناديق الاكواد

more_horiz
تم عمل الكود بنجاح 
يغلق 

descriptionبشأن صناديق الاكواد Emptyرد: بشأن صناديق الاكواد

more_horiz
ارشيف



privacy_tip صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى

جميع الحقوق محفوظة لدليل الاشهار العربي