إضافة زر تحديد الكود في المشاركات

الحالة
مغلق و غير مفتوح للمزيد من الردود.

bousaid

:: إداري ::
طاقم الإدارة
إنضم
5 فبراير 2012
المشاركات
535
الإعجابات
460
#1
السلام عليكم ... لاضافة زر لتحديد الكود بالمشاركات
صورة :)

2012-06-10 18-08-28.jpg


نفتح قالب page_container_js_head و نضيف بآخره مايلي

كود:
<script type="text/javascript">
function selectCode(a)
{
  var e = a.parentNode.parentNode.getElementsByTagName('PRE')[0];
  if (window.getSelection)
  {
      var s = window.getSelection();
      if (s.setBaseAndExtent)
      {
        s.setBaseAndExtent(e, 0, e, e.innerText.length - 1);
      }
      else
      {
        var r = document.createRange();
        r.selectNodeContents(e);
        s.removeAllRanges();
        s.addRange(r);
      }
  }
  else if (document.getSelection)
  {
      var s = document.getSelection();
      var r = document.createRange();
      r.selectNodeContents(e);
      s.removeAllRanges();
      s.addRange(r);
  }
  else if (document.selection)
  {
      var r = document.body.createTextRange();
      r.moveToElementText(e);
      r.select();
  }
}
</script>
ثم نفتح قالب bb_code_tag_code و نستبدل محتواه بمايلي

كود:
<xen:require css="bb_code.css" />
 
<div class="bbCodeBlock bbCodeCode">
    <div class="type">{xen:phrase code}:</div>
    <pre>{xen:raw $content}</pre><xen:comment><!-- content is escaped via parser --></xen:comment>
<div class="type" align="center" style="background: #f8eaff ; padding: 3px;">
        *===  <a href="#" onclick="selectCode(this); return false;">تحديد كود</a> ===*
        </div>
</div>
 
إنضم
4 فبراير 2012
المشاركات
468
الإعجابات
92
العمر
37
#2
رائع اخي مصطفى
فعلاً كود هام جداً.
لا حرمنا الله من جديدك.
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.