درر العراق

Hazim · 11/October/2011

شرح إضافة زر "تحديد الكل" فوق مربعات الأكواد code و PHP code و html code

السلام عليكم اقدم لكم اليوم شرح اضافه جميله ومفيده في داخل المنتدى

وهو زر التحديد
هذا الزر يسمح لك بتحديد الاكواد المدرجه في المواضيع مثل code و PHP code و html code

صوره للزر

لإضافة زر (تحديد الكل)
نتبع الاتي

ا فتح القالب headinclude وأضف في نهايته

هذا الكود

كود PHP:


 <script type="text/javascript">    
function selectCode(a)    
{    
   var e = a.parentNode.parentNode.getElementsByTagName('p')[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>

قم بفتح القالب bbcode_code واستبدل محتوياته بالكود التالي

كود PHP:


 <div class="bbcode_container" >   
    <div class="bbcode_description"  style="padding-bottom:2px">{vb:rawphrase code}:&nbsp;<a  href="#" onclick="selectCode(this); return false;"><input  type="button" value=" تحديد الكل " /></a></div>   
    <pre class="bbcode_code"<vb:if  condition="$vboptions['codemaxlines']">style="height:<vb:if  condition="$blockheight<$vboptions['codemaxlines']">{vb:math  {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar  mid_fontSize}*2}<vb:else />{vb:math {vb:raw  blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar  mid_fontSize}}</vb:if>;"</vb:if>><p>{vb:raw  code}</p></pre>   
</div>

قم بفتح القالب bbcode_html واستبدل محتوياته بالكود التالي:

كود PHP:


 <div class="bbcode_container">   
    <div class="bbcode_description"  style="padding-bottom:2px">{vb:rawphrase html_code}:&nbsp;<a  href="#" onclick="selectCode(this); return false;"><input  type="button" value=" تحديد الكل " /></a></div>   
    <pre class="bbcode_code"<vb:if  condition="$vboptions['codemaxlines']"> style="height:<vb:if  condition="$blockheight<=$vboptions['codemaxlines']">{vb:math  {vb:math {vb:raw blockheight}+2}}*{vb:stylevar mid_fontSize}}<vb:else  />{vb:math {vb:math {vb:raw blockheight}+1}*{vb:stylevar  mid_fontSize}}</vb:if>;"</vb:if>><p>{vb:raw  code}</p></pre>   
</div>

قم بفتح القالب bbcode_php واستبدل محتوياته بالكود التالي:

كود PHP:


 <div class="bbcode_container">  
    <div class="bbcode_description"  style="padding-bottom:2px">{vb:rawphrase php_code}:&nbsp;<a  href="#" onclick="selectCode(this); return false;"><input  type="button" value=" تحديد الكل " /></a></div>  
    <div class="bbcode_code"<vb:if  condition="$vboptions['codemaxlines']">style="height:<vb:if  condition="$blockheight<$vboptions['codemaxlines']">{vb:math  {vb:raw blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar  mid_fontSize}*2}<vb:else />{vb:math {vb:raw  blockheight}*{vb:stylevar mid_fontSize}+{vb:stylevar  mid_fontSize}}</vb:if>;"</vb:if>><code><p>{vb:raw  code}</p></code></div>  
</div>